Debut Theme - How to remove header for collection list

[BB17]

Hi, i am using debut theme. Wondering how to remove header for collection list? There are 4 collection list... i need to remove header for all 4 of them. 

[diego_ezfy]

@BB17,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>

#shopify-section-collection .section-header{
    display: none !important;
}
</style>

Kind regards,
Diego

[oscprofessional]

@BB17 ,

Hi

Share your Store URL !

[Nick]

Hi @BB17,

Just to clarify do you mean the heading highlighted here?

If so, this might be coded into the theme to have a title for this page. Because this is the Debut theme which is a free Shopify developed theme, you can use the 60 minutes free design time from the theme support team and they can see if this is possible and do it for you if you aren't comfortable doing it yourself? You can log in and contact the support team for this here. 

[BB17]

@diego_ezfy 

After adding the code, the header still can be seen.... example from one of the collection list /grid

[oscprofessional]

.collection-hero__image.ratio-container.js.lazyloaded {
    display: none;
}
#shopify-section-collection-template .section-header.text-center {
    display: none;
}

@BB17 ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

[BB17]

@oscprofessional 

But for mobile view, the header still can be seen and not removed for all collection list/grid... 

Please help.. Thanks 

[oscprofessional]

@BB17 ,

don't add css in media.

[BB17]

@oscprofessional 

but how come there is still this part which i think supposed to be the header ? Can this part (green box) be removed totally in desktop and mobile view ? 

[oscprofessional · Accepted solution]

@BB17 ,

.template-collection main#MainContent {
    padding: 0;
}

[BB17]

@oscprofessional 

Thanks. 

But the wording "sort by" and "1 product" in the green boxed has moved up... how to make it middle for all collection list/grid?  for desktop view...

[oscprofessional]

@BB17 ,

Issue is solved?

[BB17]

@oscprofessional 

But please refer the issue i posted yesterday that is still not solve.. 

[oscprofessional · Accepted solution]

@BB17 ,

.filters-toolbar__item-child {
    padding-top: 19px;
}

[BB17]

@oscprofessional 

thanks