Website is sliding on mobile - DAWN theme

[INKLY]

i recently made some modifications to my theme code so that the multicollumn section slides on mobile. It looks really good right now and it works. However it seems like the sliding effect now has effect on the entire page aswell. This is on mobile only. Please see the screenshots bellow. Does anyone know how to fix this? Thank you for your help

Website URL: https://inkly.fr/

 

[Moeed]

Hey @INKLY 

The website seems to be fine for me but if the issue is still happening then you can try this code.

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>

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

Best Regards,
Moeed

[PageFly-Amelia · Accepted solution]

Hello @INKLY 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

@media (max-width: 768px){
html, body {
   overflow-x: hidden !important;
}
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[INKLY]

Thank you ! @PageFly-Amelia 

[jehan70]

It worked but it is interrupting with header settings which are set to be sticky always though it is not by adding this code.