Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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 🙂
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025