How to remove collection page titles from Debut theme

Store Design
1

I have searched and tried numerous ways to remove the title from my collection pages. Is someone able to help me, please? collection page - https://canvasmx.com/collections/design-your-own-custom

All the ones I have found while searching and added to my assets > theme.css that seem to work for some, but not me -

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

#shopify-section-collection-list .grid-link__title{
display: none;
}

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

.collection-collage__item-wrapper .collection-grid__item-overlay::after{background-color: transparent;}
.collection-grid__item-title–wrapper{position: relative;}

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

Thanks in advance!

1 Like
2

Hi @CNVSMX ,

Thank you for providing your website.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
h1.collection-hero__title.page-width {
display: none 
}
1 Like
3

Hi @CNVSMX ,

Go to Assets > theme.css and paste this at the bottom of the file:

h1.collection-hero__title {
    display: none !important;
}

Hope it helps!

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.liquid and paste this at the bottom of the file:
header.collection-header h1 {
display: none;
}
1 Like
5

It works, thank you so much for the help!

6

Is there a way to make the collection image at the top of the page have a fixed width? I would like for it to only be 1350px wide. Should I start another thread to ask that question in?

7

I asked this question in another thread and have had it answered - https://community.shopify.com/c/shopify-design/is-there-a-way-to-make-the-collection-image-at-the-top-of-the/m-p/1823079#M487110%3Futm_source=communitymembers&utm_medium=email&utm_campaign=immediate_general

8

Would you know how I would make zero margin above the collection image now that the title is hidden? https://canvasmx.com/pages/mod-series-custom-gear