How to remove header from collection page

Technical Q&A

Topic summary

A user seeks to remove the “Best Sellers” header text from their Shopify collection page while keeping the rest of the header intact.

Multiple solutions proposed:

  • Theme Editor approach: Check if the theme (Online Store 2.0) allows header removal through the theme customization interface under Default collection template settings

  • Code-based solutions (three variations provided):

    1. Add conditional markup before </head> in theme.liquid file to hide header on collection pages
    2. Insert CSS code at bottom of theme’s CSS file: .template-collection .section-header{display:none!important;}

All responders recommend accessing Online Store > Themes > Edit code to implement changes. If uncomfortable with coding, hiring a Shopify Expert is suggested.

Follow-up question: One user asks if the same code can be extended to hide headers on blog pages using similar conditional logic.

Status: Multiple working solutions provided; awaiting original poster’s confirmation of which approach worked.

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

Hey how do i remove the header from the collection, only the “Best Sellers” part:

Store link: https://8c2dd1-3.myshopify.com/collections/best-sellers

sondreskskfsghj_0-1675624591758.png
sondreskskfsghj_0-1675624591758.png1390×872 119 KB

2

Hi, @sondreskskfsghj . I’m happy to help with this! Which theme are you currrently using? Are you trying to remove this header from all of your collections or just this one collection?

If you’re using an Online Store 2.0 theme, you may be able to do this within your theme editor depending on the theme you’re using. If your theme has this option, you can find it by editing the sections and blocks in your default collection page template. Go to Online store > Themes > Customize (next to the theme you’re using) to open the theme editor. From here, select your Default collection template, and review the settings for your available sections and blocks.

If there’s no option to remove your collection title from here, you can still remove it from your theme by editing your theme code. You can read more about editing your theme code here. If you’re not comfortable coding on your own, you can hire a Shopify expert to assist you. Shopify experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants, including help customizing themes. You can hire a Shopify expert on this page and you can learn more about them here.

Please let me know if you have any questions!

3

Hello @sondreskskfsghj ,

Greetings from the Store Watchers Support Team! Happy to help you today.

Go to Online Store → Actions → Edit code. Then find the theme.liquid.

online-store.JPG
online-store.JPG1549×507 56.2 KB

In your theme.liquid file, please paste the code below before the tag.

{% if template == 'collection' %}

{% endif %}

Let me know if need further assistance

Regards,

Store Watchers Support Team

4

Hello @sondreskskfsghj ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675664929274.png
GemPages_0-1675664929274.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before 

{% if template == 'collection' %}

{% endif %}

Let us know how it works for you.

Best regards,
GemPages Support Team

5

Hi @sondreskskfsghj

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

Please follow these steps to add Css on your theme file:

  1. Go to Online Store > Theme > Edit code.
  2. Search Css file.
  3. Paste the below code at bottom of the Css file → Save
.template-collection header.section-header {display: none!important;}

Regards,

Santanu

6

Can this same code be expanded to include blog header in the same way conditional statement?