Sense Theme - reduce padding in Featured Collection layout

Store Design
1

Hello,

I wish to reduce padding between the featured collection title (JUST IN in that case) and products, and between products and pagination to achieve the effect as below on MOBILE only:

How it is now:

Screenshot_20220322-161744_Chrome.jpg
Screenshot_20220322-161744_Chrome.jpg1079×1984 108 KB

How it should be:

Screenshot_20220322-161744_Chrome2.jpg
Screenshot_20220322-161744_Chrome2.jpg1079×1784 75.9 KB

URL: alwayshe.com

2

Hi!
Try adding this code to the bottom of base.css

@media screen and (max-width: 749px) {
.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
  margin-bottom:0px;
}
.slider-mobile-gutter #Slider-template--15458562113720__featured-collection {
  margin-bottom:0px;
  padding-bottom:5px;
}
}
1 Like
3

@Nick_Marketing works beautifully! Thank you very much and thank you for your time.

1 Like
4

@Maro33 You are welcome!