How to remove header from collection page

[sondreskskfsghj]

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 

[Erin]

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!

[StoreWatchers]

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' %}
<style>
.collection-title{
display: none!important;
}
</style>
{% endif %}

Let me know if need further assistance

Regards,

Store Watchers Support Team

[GemPages]

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' %}
<style>
#shopify-section-header {
 display: none !important;
}
</style>
{% endif %}

Let us know how it works for you.

Best regards,
GemPages Support Team

[thepresetguys]

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

[INA_MSWEB]

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

<style>

.template-collection header.section-header {display: none!important;}

</style>

Regards,

Santanu