Hide Collection List Title Homepage (Dawn Theme)

Store Design

Topic summary

A user wants to hide the collection title and arrow on their Dawn theme homepage while keeping the collection image clickable.

Initial Problem:

  • Previous CSS solution removed the title but also broke the clickable link functionality
  • The non-working code used display: none on .collection-list .card__content

Working Solution:
Add this CSS to the bottom of base.css, style.css, or theme.css in the Assets folder:

.collection-list .card__content {
  opacity: 0;
  height: 0;
  padding: 0;
}

Result:

  • Successfully hides the collection title while maintaining image clickability
  • Uses opacity and height properties instead of display:none to preserve link functionality
  • Issue resolved
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m looking to hide the Collection Title and arrow but still have the image clickable.

Screen Shot 2023-11-02 at 1.55.47 PM.png
Screen Shot 2023-11-02 at 1.55.47 PM.png1292×419 342 KB

I saw another solution but it’s not working for me. The below solution removes the Collection Title but it turns into an image without a link.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css ->paste below code at the bottom of the file.
.collection-list .card__content {
    display: none;
}

Thanks!

1 Like
2

Hi @Nyud

Try the code below instead

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.collection-list .card__content {
    opacity: 0;
    height: 0;
    padding: 0;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

This worked! Thank you!

1 Like
4

Welcome.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!