How do I remove the title of a collection from the collection page? Dawn Theme

Technical Q&A

Topic summary

A user wants to remove the collection title from their collection page in Shopify’s Dawn theme to replace it with a custom image in the description area.

Proposed Solutions:

  • Multiple community members offered CSS code to hide the title by adding display: none to specific selectors
  • Suggested targeting either h1.collection-hero__title or .collection-hero__title in the component-collection-hero.css file
  • One solution also addressed hiding the description image using .collection-hero__description.rte img

Important Consideration:

  • One respondent warned against removing the H1 title tag due to SEO implications, recommending keeping the text title and adding a decorative image separately instead

Related Questions:

  • A follow-up inquiry asked about positioning the collection title inside the image rather than underneath it
  • Another user reported facing the same issue

The discussion remains open with no confirmed resolution from the original poster.

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

Hi! I’m trying to remove the title of a collection so instead I can use an image in the description box so it’s more customised (see below).

Screenshot 2022-01-07 at 4.57.49 pm.png
Screenshot 2022-01-07 at 4.57.49 pm.png1484×1104 92.1 KB

Is there a place to do that in the code please as I can’t find any solutions specific to the Dawn theme.

1 Like
2

@lauraellenr
Hi,
Welcome to Shopify Community.
Kindly Share your Store Url.
So that i can help you to remove it.

Their is option in the theme to Add/remove the text.

Thank you

3

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

5

Hey! Thanks for your reply. My URL is marrecdesigns.com

6

My Url is marrecdesigns.com

Thanks!

7

Which one you want to remove bold One.

h1.collection-hero__title {
    display: none !important;
}

Add this code in the bottom of component-collection-hero.css file.
Thank you.

1 Like
8

Please add below code in bottom of assets/component-collection-hero.css file.

.collection-hero__title {
display: none;

}
Thank you.

9

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.collection-hero__description.rte img {
display: none;
}
10

Removing the title isn’t recommended because it’s the H1 tag for the page which is important for SEO. You could theoretically use an image with a proper ALT text for the H1, but that’s also not recommended.

Instead if putting the title text in an image, stick with the title as a text element and add a decorative or informative image that goes well with the collection.

11

Hi,

I wonder if there is anybody who knows if it would be possible to put the collection list title “inside” the image, instead of underneath it? Like they have done on the front page of nomadix.co

12

Hello, have you found out? Currently I am trying to figure same problem. Thank you.