Shopify themes, liquid, logos, and UX
On the dawn theme, the "collection header" section on a collection page can only hide the description/image (or the entire header), but the title itself cannot be removed. Is there a way to remove the title as shown in the image below, and keep the collection image/description?
Thanks in advance
Please share store URL!
Thank!
If it is simple enough to code (with other themes it is very simple), please send the code here so that it could help others in the future too if they have this same issue. I'm familiar with messing around with the code on the site so it shouldn't be too hard
This not a simple solution otherwise i send you code .
Thanks!
I found it fairly straightforward - head into edit the theme code and find the "main-collection-banner.liquid"
Find some code that looks like:
<h1 class="collection-hero__title">
<span class="visually-hidden">{{ 'sections.collection_template.title' | t }}: </span>
{{- collection.title | escape -}}
</h1>
and change to:
<!--
<h1 class="collection-hero__title">
<span class="visually-hidden">{{ 'sections.collection_template.title' | t }}: </span>
{{- collection.title | escape -}}
</h1>
-->
Please add the following CSS code to your assets/component-collection-hero.css bottom of the file.
.collection-hero__title { display: none !important;}
Thanks!
If helpful then please Like and Accept Solution
I was not the original poster, but thanks anyway!
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