How to remove header from collection page

41 0 2

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

Store link: 



Replies 5 (5)
Shopify Staff
Shopify Staff
745 117 126

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 > ThemesCustomize (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!

Erin | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

203 29 31

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.



In your theme.liquid file, please paste the code below before the </head> tag.


{% if template == 'collection' %}
display: none!important;
{% endif %}


Let me know if need further assistance


Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds

If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
Shopify Partner
5587 1260 1161

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


2. Open your theme.liquid theme file

3. Paste the below code before </head>

{% if template == 'collection' %}
#shopify-section-header {
 display: none !important;
{% endif %}


Let us know how it works for you.


Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
2 0 4

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

Shopify Expert
867 109 112

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;}




If it’s helpful to you, please mark it as a solution.  

Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin