Need help with Menu showing when scrolling up

[mitzkovi1]

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: 

<style>

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

</style>

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? 

[DanCodes]

Hi @mitzkovi1,

Please remove the following code:

<style>  
html, body { overflow-x: hidden !important; }  
</style> 

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;  
}  

[mitzkovi1]

Thank you! So i need to remove the code: 

<style> html, body { overflow-x: hidden !important; } </style> 

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?

[DanCodes · Accepted solution]

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:

<style> html, body { overflow-x: hidden !important; } </style> 

[mitzkovi1]

This worked like a charm! Thank you so much!