Liquid, JavaScript, themes, sales channels
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?
Solved! Go to the solution
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.
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.
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.
Thanks! This works 🙂
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024