Unwanted Horizontal scroll on mobile view!

georgenova
New Member
11 0 0

HI,

Hoping you can help me.


On the mobile view, i seem to get a horizontal scroll bar, could you help me remove/resolve this?

I am using the "motion" template.

Thanks!
George


Shop preview link:
https://7z2uai2blzrazhv9-6808141908.shopifypreview.com

 

IMG_3645.jpg

Replies 4 (4)

OpenThinking
Shopify Partner
321 81 120

Hi there,
Jack from OpenThinking here!

For a quick fix you could use the following code in your assets/theme.css (paste it at the very end of the file)

body { overflow-x: hidden!important; }



let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.

️ Get our [Shopify Themes]: Lightning-fast, eye-catching, highly converting, SEO-optimised, Minimal.
Struggling with CODE? You need a Shopify expert to help you with your theme! [Get a free quote]
georgenova
New Member
11 0 0

Hi Jack, it doesnt seem to have resolved the problem. Is there anything else we could try?

diego_ezfy
Shopify Partner
2946 564 886

@georgenova, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

@media (max-width: 769px){
    html{
        overflow-x: hidden;
    }
}



Please let me know whether it works.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials.
Replace page builder apps w/ copy/paste snippets - no monthly fees, no slowing your site down. Use forever.
magnetichabits
Visitor
1 0 0

Worked perfectly. Thank you!!!!