Padding added on mobile

  • I’ve added this slider to the landing page of my website and it works great but when I view the webpage on a mobile device, I see that the slider added probably 100px in padding on the right side. So the page scrolls to the side when it’s supposed to be mobile responsive. I had this problem on desktop too, but I got rid of it using this css:

    .metaslider {
	overflow: hidden;
}

    But I can’t find a way to get rid of it for mobile devices. And I’m using the theme FreeStore and the webpage is burlapbrass.com

Viewing 2 replies - 1 through 2 (of 2 total)

  • The slide-in menu to the right is causing the issue, you can fix it by adding the hidden overflow to your body class, like so:

    body { overflow: hidden; }

    Hope this helps.

    Thread Starter mbuesing

    (@mbuesing)

    I hadn’t thought about the menu being the problem. So I added overflow: hidden; to the body and it didn’t help the mobile view and made me unable to scroll on desktop view. Thanks for the suggestion though! Any other suggestions?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Padding added on mobile’ is closed to new replies.