Remove header from ONE Collection page only - Palo Alto theme

robinslj02
Tourist
8 0 5

I've found the solution to remove the title / header from all Collection pages but how do you remove a header from just one specific page in Palo Alto?

 

Thanks! 

0 Likes
dmwwebartisan
Shopify Partner
6382 1484 1937

@robinslj02 

Please share your webshop URL

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
6382 1484 1937

@robinslj02 

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

This code will hide the header for only the collection page URL you have given.

#demo-energy-gels #PageContainer{
padding-top: 0px !important;
}
#demo-energy-gels #shopify-section-header{ display: none }

If you notice above I used "#demo-energy-gels" which is ID present in the body section so you can hide any collection header if you want to inspect these ids.

 

Hope this helps.

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
robinslj02
Tourist
8 0 5

Thanks so much for this solution but it didn't change anything on the page.

I added it to Assets like you mentioned.

Any thoughts?

dmwwebartisan
Shopify Partner
6382 1484 1937

@robinslj02 

Please check the screenshot below. The header is not present in this collection. Do you want to remove that messages and announcement bar as well?

Let me know.

header-not-in-collection.jpg

 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
robinslj02
Tourist
8 0 5

Sorry I should have been clear, as it is via Shogun, the H1 title header has been moved down to here:

Screen Shot 2021-05-05 at 15.04.57.png

I don't want to remove the announcement section just this

 

dmwwebartisan
Shopify Partner
6382 1484 1937

@robinslj02 

Yes, but your H1 title is already in that place?

Do you want to remove the space below it?

Let me know.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
robinslj02
Tourist
8 0 5

Yes please - that would be great

0 Likes
robinslj02
Tourist
8 0 5

Hey,

I have the selector for the element:  h1.section-header__title.collection-title

I just don't know how to select and hide this one Collection alone.

Any ideas?