Padding issue

Solved
Tourist
25 0 0

Hi all, I can't seem to change the padding between two separate collections in Minimal theme . This is only an issue in the mobile view, I'm happy how desktop version looks. I used the code below, but that only adjusts the padding in the collection itself. I want to change the height between collections one, two and three. Please see screenshot for more info. Thank you! 

www.rainandpaper.com

@media only screen and (min-device-width: 480px){
.grid-link{
     padding-bottom: 0px!important; 
    }
}

Untitled-4.jpg

0 Likes

Success.

Shopify Expert
51 12 7

Hi @rainandpaper,

 

The spacing you're seeing is from the "index-section" class, not "grid-link". Open your "theme.scss.liquid" file and do this: 

// Find this:
.index-section {
  padding-top: $section-spacing-small / 2;
  padding-bottom: $section-spacing-small / 2;

// Replace with this:
.index-section {
  padding-top: 0;
  padding-bottom: 0;

Let me know if you need more help.

0 Likes
Tourist
25 0 0

Perfect, thank you!

0 Likes