Hiding every header on collection pages brooklyn theme

Solved
Highlighted
New Member
3 0 0

Hi guys,

 

I have a bit of a problem; I'm setting up a site using the Brooklyn theme with loads of different collection-pages. I need to get rid of the headline on every page since I have the brand logos already. I've tried to find the solution in some other threads but without luck. I do still need the names of the collection on the home page. It's only on the seperate collection pages that i need them gone. 

 

Here's an example: 5.PNG

The URL is https://pernod-ricard-test.myshopify.com/collections/havana-club-rom

The code is "yefraw"

 

All the best and thanks in advance.

0 Likes
Highlighted
Excursionist
18 7 10

This is an accepted solution.

Hi,

To achieve this you should go to your theme dashboard >> choose edit code

undefined

then scroll down to the sections folder and choose collection-template.liquid

s.PNG

then press control F

Search for:  collection.title

then replace this line:

<h1>{{ collection.title }}</h1>

with this line:

    {% unless collection.image %}<h1>{{ collection.title }}</h1> {% endunless %}

then save

2 Likes
Highlighted
Shopify Partner
1430 84 182

Dear aijs,

 

In theme -> Online Store -> Action -> Edit code ->

Go to the Assets -> open theme.scss.css

Then paste this code at the bottom of file

 

.template-collection .section-header h1 {
    display: none;
}
.template-collection .section-header h1 + .hr--small{
    display: none;
}
Best Regards
MS Web Designer
Contact: https://www.task4store.com/pages/contact-us or task4store@mswebdesigner.com
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
0 Likes
Highlighted
New Member
3 0 0

Thanks alot Shimaa!!! You're the best!!!

0 Likes
Highlighted
New Member
3 0 0

Thanks alot for taking the time to help, MS!

0 Likes
Highlighted
Excursionist
18 7 10

You are welcome
Glad that I was able to help you

0 Likes
Highlighted
New Member
1 0 0

Hi Shimaa,

I also tried your solution and it worked perfectly. 

Can you please provide a solution for ALL landing pages?

The header feels redundant on the site I am working on. 

I am using the Booklyn theme.

 

Thank you!

 

0 Likes