Delete collection title

Solved
ohmydocs
New Member
7 0 0

Hi,

 

I am wondering how to delete the collection title. I tried all the recommendations that are on this forum but it seems that the codes don't work for some reason!

So I want to remove the orange collection title and keep the grey one, which I created myself. www.ohmydocs.shop/en/collections/tweedehands-en-vintage-lage-dr-martens-schoenen

 

How can I best remove this?

0 Likes
Jason_Roberts
Explorer
63 1 51

Hmmm... Both the element you want to get rid of and the one you want to keep are <h1> tags inside the same <div>, so that complicates it a tiny bit.

Try adding this to the bottom of your CSS file:

 

header.collection-header h1 {
    display: none;
}

header.collection-header div.rte h1 {
    display: block;
}

 

 

The first looks for an <h1> child of the collection header and makes it go away. But since both headers are <h1> tags inside the header, they both disappear. The second one makes the header you want come back. The second header is in a <div class="rte">, but the first one isn't.

Let us know if this works for you.

-J.

0 Likes
LitExtension
Shopify Partner
911 104 159

This is an accepted solution.

Hi @ohmydocs

Please place this code at the end of theme.scss to enlarge the text inside the search bar.

.template-collection .collection-header .section-header > h1 {

    display: none;

}

Link to refer: https://prnt.sc/12wj8ck

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Jason_Roberts
Explorer
63 1 51

Yep. @LitExtension's response is a better answer.

0 Likes
ohmydocs
New Member
7 0 0

Thanks! This works

0 Likes