How can I effectively remove a collection title?

Technical Q&A
1

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?

2

Hmmm… Both the element you want to get rid of and the one you want to keep are

tags inside the same
, 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

child of the collection header and makes it go away. But since both headers are

tags inside the header, they both disappear. The second one makes the header you want come back. The second header is in a
, but the first one isn’t.

Let us know if this works for you.

-J.

3

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.

1 Like
4

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

5

Thanks! This works :slightly_smiling_face: