Okay
  Public Ticket #3426038
Single product page not working on mobile
Closed

Comments

  •  1
    janebadu started the conversation

    Hello, the page attached is working fine on desktop but when I scale the page down to mobile it no longer is clickable. I cannot for example select a variable in the drop down menu. I have some other products that have this issue and others that are ok. Can someone please help? I'm running Salient 16.0.4/woocommerce but this problem occurred before the update. Thank you very much.

  •  2,967
    Andrew replied

    Hello Jane,

    Thank you for reaching out to us.

    I can't seem to replicate this issue from our end. Here's a screenshot of what we're seeing.

    4834230443.png

    Could you share a screenshot from your end? Also, could you let us know what device and browser you are using when you experience this issue?

    We look forward to your response.

    Thanks,

  •  1
    janebadu replied

    Hello Andrew, you can see the pages yes but can't select an option from the dropdown, thanks


    Attached files:  Screenshot 2023-07-30 at 21.12.52.png

  •  2,967
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    Please check for plugin conflicts by deactivating the third-party plugins (non-salient plugins) and then reactivating them back one by one to see the one that causes issues.

    Try this and let us know how it goes.

    Kind regards,

  •  1
    janebadu replied

    Thanks I've done that already and if it was all products would have this issue which they don't

  •  8,860
    Tahir replied

    Hey Again,

    Try adjusting this field in the Salient Theme Options Panel and check: 

    1698961587.png

    Thanks.


    ThemeNectar Support Team 

  •  1
    janebadu replied

    The form style has changed but it remains unclickable on mobile or when the desktop window size is reduced. In the screen shot attached you can see that I can activate the dropdown however it stops working on the smaller window

    Attached files:  Screenshot 2023-07-31 at 10.58.44.png
      Screenshot 2023-07-31 at 10.58.30.png

  •  8,860
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .single-product .nectar-prod-wrap {
        z-index: 1;
        position: relative;
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    janebadu replied

    that's worked, thank you so much