Mobile Display

[Chantelle3]

Hi Guys,

The website displays darker on mobile when the menu is selected and the menu is then also unresponsive. It seems like there might be a CSS or JavaScript issue affecting our site on mobile! I got the guideline below but I am not sure how to do this, could someone please assist me.

I need help with:

Check for Overlapping CSS:
Sometimes, mobile-specific CSS can cause dark overlays or unresponsive elements. Check for any @media queries in your CSS targeting mobile devices that might be applying a dark overlay or affecting the menu visibility.

JavaScript Conflicts:
An unresponsive menu might be due to JavaScript errors. Open the website on your mobile browser, and use developer tools (if you have access) to check for any console errors related to JavaScript. Often, updating jQuery or fixing broken scripts helps.

[CodingFifty]

Hi,

Please share your store URL.

[Chantelle3]

https://stylebar.co.za/

I managed to remove the dark overly however my stackable menu disappeared on mobile display, how do I get it back?

[LizHoang]

Hi Chantelle3

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file style.scss.css and add this code at the end of the file

div#slideout-overlay {
    display: none !important;
}

Result:

Best,
Liz