Need help with Menu showing when scrolling up

Store Design
, , ,
1

Hello,

My website www.aquald.com had a horizontal scroll when on mobile. It was tiny, but enough to add a white space on the right side of the page. I ended up fixing this issue by adding:

html, body { overflow-x: hidden !important; }

The code fixed the horizontal scroll issue, however, the new problem this code created is that the sticky menu in the header doesn’t show when I scroll up anymore.

Can someone please help?

2

Hi @mitzkovi1 ,

Please remove the following code:

The issue is with the locale selectors in the footer.

If you can customize this element(probably app), please set the style for:

.locale-selectors__selector {  
  padding: 0.3em 0.5em 0.3em 0.5em !important;  
}
3

Thank you! So i need to remove the code:

html, body { overflow-x: hidden !important; }

and add to CSS file or?:

.locale-selectors__selector { padding: 0.3em 0.5em 0.3em 0.5em !important; }

Where do i add this?

Inside of the body tag?

4

Hi,

Here are the steps:

  1. Go to the Online Store.

  2. Click Edit code.

  3. Find the assets folder.

  4. Find the file named base.css.

  5. Add the code below:

.locale-selectors__content .locale-selectors__selector {
max-width: 100vw !important;
}

And delete your code:

html, body { overflow-x: hidden !important; }
5

This worked like a charm! Thank you so much!

1 Like