Need help with Horizontal Scroll on Mobile

[mitzkovi1]

Hello,

My website aquald.com has a horizontal scroll when on mobile. It is tiny, but enough to add a white space on the right side of the page. I tried adding overflow-x: hidden !important; code etc but it doesnt seem to help. Can someone please help? 

[Moeed]

Hey @mitzkovi1 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[mitzkovi1]

The url is aquald.com

[Moeed · Accepted solution]

Hey @mitzkovi1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

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

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[mitzkovi1]

Worked! Thank you so much!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[mitzkovi1]

Hello Moeed, just one problem now, the sticky menu header doesnt show when I scroll up now. I tested it and it stops once I add your recommended code. Do you have a work around for this? Thank you in advance!

[mitzkovi1]

Hello Moeed, just one problem now, the sticky menu header doesnt show when I scroll up now. I tested it and it stops once I add your recommended code. Do you have a work around for this? Thank you in advance!

[mitzkovi1]

Hello Moeed, do you have a work around for that?