How to fix large white spacing issues on debut theme pages?

[mbhlg]

Hi,

Please would someone be able to help me remove some of the large white spacing on my homepage and product page heading? They currently look like this:

Thanks!

[KetanKumar]

@mbhlg

can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.index-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

[mbhlg]

That’s great, however now there is a big gap between the first collection and the ‘view all’ button, please could this be reduced? See screenshot below:

[KetanKumar]

@mbhlg

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-16224809492ef9a7bb hr.hr--invisible {
    margin-top: 0px;
}