Solved

Website is sliding on mobile - DAWN theme

INKLY
Excursionist
42 0 5

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
Navigator
317 96 138

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!


PageFly - #1 Page Builder for Shopify merchants.


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


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
3795 958 1190

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

PageFly-Amelia
Navigator
317 96 138

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!


PageFly - #1 Page Builder for Shopify merchants.


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


Optimize your store’s mobile shopping experience with the Blum theme.

INKLY
Excursionist
42 0 5

Thank you ! @PageFly-Amelia