Website is sliding on mobile - DAWN theme

Solved

Website is sliding on mobile - DAWN theme

INKLY
Pathfinder
140 0 18

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

 

IMG_4611.PNG

Accepted Solution (1)

PageFly-Amelia
Shopify Partner
603 165 236

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6004 1627 1938

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


PageFly-Amelia
Shopify Partner
603 165 236

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

INKLY
Pathfinder
140 0 18

Thank you ! @PageFly-Amelia 

jehan70
Excursionist
38 0 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.