How do I remove white padding/space in between sections in MOBILE version of Venue theme?

Store Design
, , ,
1

I’m using the Venue theme, and I need help removing the white padding in between the sections on the MOBILE version of my homepage. I was able to do this for the Desktop version by changing the code below in the theme-critical.css file from 60px to 30px but cannot figure out how to make the same change for the Mobile version. My website is: www.snaphouse.com

}

.section { margin-bottom: 60px; }

2

Hi @mhkuhn

Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media screen and (max-width: 767px){
.section {
    margin-bottom: 0px !important;
}
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Thank you! Worked perfectly. I ended up using 15px so there’s a tiny bit of white space but not nearly as much as before.