Remove padding (reduce white space) between slideshow and collection

Store Design
1

We would like to move up the Collection section closer to our Slideshow - so that you can see part of the row of our products below the slideshow on the homepage.

We have the Debut theme.

Any help would be appreciated! Thank you!

https://pawsandcodogchews.com/

1 Like
2

To decrease the padding between collections and slideshow. Add this code to the bottom of theme.css

#shopify-section-collection.index-section {
  padding-top: 0;
}
1 Like
3

@pawsandco

sorry for that issue try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
.index-section {
padding-bottom: 0;
}
}
4

@pawsandco

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-collection {
  padding-top: 0;
}

Hope this works.

5

This worked! Thank you.

1 Like
6

@pawsandco

If helpful then please Like and Accept Solution