How can I hide the collection name on my Dawn themed website?

Technical Q&A

Topic summary

A user seeks to hide the collection name appearing at the top of their Shopify store using the Dawn theme.

Initial Solutions Proposed:

  • One responder suggests adding CSS code (display: none;) to hide .collection-header__title in the theme.scss.liquid file
  • Another recommends targeting .collection-hero__title in the collection-hero.css file (tested on Dawn 9.0)

Complications:

  • The original poster cannot locate the theme.scss.liquid file and asks if theme.liquid is equivalent
  • There’s confusion about which specific element needs hiding—the collection “title” versus the collection “name”

Current Status:
The discussion remains unresolved as the user clarifies they want to hide the collection “name” (not “title”) appearing on the shop’s top/header area, suggesting the initial solutions may not address their actual need.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Is there any way to hide the collection name on my TOP website? I’m using Dawn theme.

thank you.

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset → theme.scss.liquid and paste this at the bottom of the file:
.collection-header__title {
display: none;
}
3

I cannot find theme.scss.liquid . Is it same as theme.liquid?

4

I am not sure if you refer to the Collection Title on top of all collection pages.

If yes, for the Dawn theme you need to look for a file component-collection-hero.css, and at the end of the file you can add this CSS code:

.collection-hero__title {
    display: none;
}

Tested on Dawn 9.0

5

Thank you for your response.

Im not refering “title” but “name” of collection appear in TOP page…