Solved

How can I hide the collection title in Shopify Dawn code?

kathi8171
Tourist
6 0 2

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 -%}

Accepted Solution (1)
GemPages
Shopify Partner
5588 1261 1206

This is an accepted solution.

@kathi8171 

 

Do you want something like the picture below?

 

Screenshot at Dec 27 21-54-50.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5588 1261 1206

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?

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
kathi8171
Tourist
6 0 2
GemPages
Shopify Partner
5588 1261 1206

This is an accepted solution.

@kathi8171 

 

Do you want something like the picture below?

 

Screenshot at Dec 27 21-54-50.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
kathi8171
Tourist
6 0 2

Added this to my base.css and it is absolutely perfect! Exactly what I needed! Thank you so much!