Spacing issues between title, collection banner, and product grid

Shopify Discussion
1

Hi!

I am having trouble removing the extra space between the collection banner and the image, as well as the extra space between the image and the product grid. On mobile, it looks like there are no products when the page is loaded because of all the extra space.

Curated Edits – Fabrixss.jpeg
Curated Edits – Fabrixss.jpeg1290×2796 159 KB

2

Hi @fabrixss

Welcome to our community! can I see your store url & password (if applicable)?

3

@fabrixss , hey, thanks for posting here.
Please check your collection description, there empty

tag creating some extra spaces.

ProtoMan44_0-1746547681058.png
ProtoMan44_0-1746547681058.png1339×601 96 KB

4

Hi @fabrixss

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.collection-hero__text-wrapper {
    padding-top: 0 !important;
}

Result

DaisyVo_0-1746550660224.png
DaisyVo_0-1746550660224.png352×621 40.3 KB

Best,

DaisyVo

5

Thanks, that did help, is there anything else that can be done about the extra white space padding around the image banner?

6

Hi @fabrixss , where the image?