Remove gap below header on some pages but not all?

Solved
SecondSlumber
Tourist
7 1 3

Hi there. I've removed the gap under the header on my Debut theme store, and while this looks great on pages like https://secondslumber.com/pages/why-second-slumber, it doesn't look great on collection or product pages: https://secondslumber.com/collections/springwall-mattresses, where there is no padding at the top of these pages. How can I fix this?

0 Likes
Pallavi
Shopify Expert
2170 353 463

Hello There,

Please share screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
hash777
Shopify Partner
164 9 23

@SecondSlumber  Hi there, 

If helpful then please Like and Accept Solution.
THANKS

Ok, to achieve that you have to remove gap only from the templates/Pages you need. For other pages Leave the default setting as it is. you will find theme template  selecting options here.check the below screenshots.

Change-on-different-pages.PNGChangeing-on-different-pages-2.PNG


Hope this Helps, If it does then please Like and Accept Solution.

 

SecondSlumber
Tourist
7 1 3

Yea didn't quite understand this. If you could go more in-depth that would be great.

SecondSlumber
Tourist
7 1 3

This is an accepted solution.

I figured it out myself. Add "padding-top: 30px;" to line 1083 of theme.css.