Shopify themes, liquid, logos, and UX
I need a little help with the coding in shopify Dawn.
I have coded the page to show a full description when the user clicks on a Read More link at the bottom of the page. My issue is that it is also showing the collection title and I'd like that not to show. Can anyone tell me how to make it the title hidden but the Read More link to still be viewable? I have listed the code below:
{%- if section.settings.show_collection_description -%}
<div id="truncated">{{ collection.description | truncatewords: 0, "... <a class='read-more-collection'>Read More</a>" }}</div>
<div id="fullDescription" style="display: none">{{ collection.description }}</div>
{%- endif -%}
Solved! Go to the solution
This is an accepted solution.
Do you want something like the picture below?
css code:
#shopify-section-template--16090102431985__banner .collection-hero__title{
display: none !important;
}
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hello @kathi8171
It's GemPages support team and glad to support you today.
To provide you with the most precise solution in this case, could you please share the home page link?
This is an accepted solution.
Do you want something like the picture below?
css code:
#shopify-section-template--16090102431985__banner .collection-hero__title{
display: none !important;
}
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Added this to my base.css and it is absolutely perfect! Exactly what I needed! Thank you so much!
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025