Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
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.
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
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.
It worked but it is interrupting with header settings which are set to be sticky always though it is not by adding this code.
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024