Remove horizontal scroll on mobile site

Solved
jrios111
New Member
2 0 2

Hello! I am trying to remove an unexpected horizontal scroll on my store which makes it difficult to use on mobile. I checked through theme settings and did not find any thing mentioning the scroll so im stuck. 

My site: elizascorner.com

 

If you know how to remove the scroll or know how to find out please let me know! Thank you

HardikDavra
Shopify Partner
1799 280 791

Please place this code at the end of theme.scss

@media (max-width: 767px) {
.product-slider-text-wrapper {
    padding: 35px;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Speedimize
Shopify Partner
213 35 93

This is an accepted solution.

Hi @jrios111 

https://prnt.sc/128hppj -the horizontal scroll appears because of this section. If you try to hide this section, the scroll will disappear.

As a solution, you can either hide or specify a style to adjust the class .product-slider-text-wrapper. We highlighted the class in red on the screenshot.

To do this, you need to find this class in the style.min.css file. Since this file is minimized, there will be difficulties when editing this file. To find the class, press ctrl+f or cmd+f and enter the class name product-slider-text-wrapper and increase the padding from 30 to 35px.

Should be as below:

 

@media (max-width: 767px) {
  .product-slider-text-wrapper {
      margin: 0 auto;
      padding: 30px 35px;
  }
}

 

There is an easier option, without searching for the class. Just paste the code below at the end of the theme.scss file:

 

@media (max-width: 767px) {
  .product-slider-text-wrapper {
      padding: 30px 35px !important;
  }
}

 

We Speedimize your store
Have a problem with speed performance, send me email here: hello@speedimize.io


If our advice was helpful please LIKE or ACCEPT SOLUTION
0 Likes
jrios111
New Member
2 0 2

Amazing thank you so much! I appreciate the screenshot as well, I'll keep an eye on things like this for the future!