Solved

How can I remove horizontal scroll bar in mobile view?

Fettle
Visitor
2 0 1

The site displays perfectly on desktop, but when I load the mobile site there seems to be an overflow/horizontal scroll, which can completely ruin the scrolling experience.

 

Is there any easy way to stop this from happening?

 

Site: www.wearefettle.com 

Thanks!

Ben

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
702 224 236

This is an accepted solution.

Hi @Fettle
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_0-1716552348082.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716552353173.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

main#MainContent {
    overflow-x: hidden !important;
}

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Expert
702 224 236

This is an accepted solution.

Hi @Fettle
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_0-1716552348082.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716552353173.png

 

Step 3: Insert the below code at the bottom of the file -> Save

 

main#MainContent {
    overflow-x: hidden !important;
}

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Fettle
Visitor
2 0 1

Thanks so much for the quick response. That worked perfectly!

BSSCommerce-HDL
Shopify Expert
702 224 236

Hi @Fettle
We're happy to see that our suggestion helped you solve the issue. Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon.

Thanks in advance. 😍😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development