Website is sliding on mobile - DAWN theme

Store Design
, , , , , ,
1

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/

INKLY_0-1715338122486.png
INKLY_0-1715338122486.png860×564 89 KB

IMG_4611.PNG
IMG_4611.PNG828×1792 116 KB

2

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 tag.

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

Best Regards,
Moeed

3

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

4

Thank you ! @PageFly-Amelia

5

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