Remove blank space on the top of collection page (narrative theme)

Store Design
1

F4F30D0A-3DB7-4C33-8940-62A79DD60C47.png
F4F30D0A-3DB7-4C33-8940-62A79DD60C47.png1170×2532 178 KB

I’ve removed the titles from each collection page but I am left with a big blank space above the first product. It’s especially bad on the mobile version and I can’t find a code that works.

2

Hi @charlottehep12 ,

Please share your store URL and if your store is password protected then please provide password too.
You can take a picture of the place you want to edit.

So that we can help you.

3

https://charlottejstudio.com

password is Hello20

4

@charlottehep12

Where exactly does this issue occur? It seems to be fine on my end:

diego_ezfy_0-1649552930273.png
diego_ezfy_0-1649552930273.png408×723 114 KB

5

It happens on the collection pages (eg Rings, Necklaces, Earrings etc)

But when you click on a specific product, the gap goes away

6

@diego_ezfy

7

@charlottehep12 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.collection-template .section-header{
    display: none !important;
}

Kind regards,
Diego

8

Thanks so much, it worked great