How can I effectively remove a collection title?

[ohmydocs]

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?

[Jason_Roberts]

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.

[LitExtension · 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.

[Jason_Roberts]

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

[ohmydocs]

Thanks! This works 🙂