Removing Collection Title from Pages (Empire Theme)

Shopify Discussion

Topic summary

A user sought to remove collection page titles from their Shopify store using the Empire theme, as the titles felt redundant alongside custom logos and graphics they were adding.

Solution Provided:

  • Add CSS code to hide the collection title by targeting .collection-title with display: none
  • The CSS should be added at the end of the theme.css file located in the Assets folder

Outcome:

  • The solution was confirmed working by the original poster and another user
  • Issue resolved successfully
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’m trying to remove the title from my collection pages as I’m trying to add logos / details and it ends up feeling redundant. Is this possible?

Example: https://www.metrofusion.com/collections/ugg

Appreciate any help!

ugg-collection-header.jpg
ugg-collection-header.jpg1868×881 108 KB

2

Add this css at then end of the css file theme.css

.template-collection .collection--title {
    display: none;
}

You can find this file under Assets

3

@Guleria Thank you so much, that worked like a charm!

1 Like
4

THANKS IT WORKED!!