How can I hide collection titles on my website?

Store Design
1

Hi there!

I have been trying to figure out a way to hide my collections titles, since i have it written on my banner image directly (because i wanted it to have the right font easily). I have checked a few forums about it, but nothing worked. Can someone help me to figure out why i cant take them off?

https://maudebergeron.com/collections/coiffure

Thank you so much!

D452B9DB-36A4-4D95-9897-537555D459E4.jpeg
D452B9DB-36A4-4D95-9897-537555D459E4.jpeg2732Ɨ2048 281 KB

2

Hey @MaudeBergeron .

Thanks for reaching out.

I appreciate the context that you have shared and your online store URL as that is very helpful! Could you let us know which theme you are using? As this context will determine the next steps to removing the collection titles. If you are unsure about which theme is live on your store, you can navigate to the Theme Editor and select the three dots that are located towards the top left. I took a screenshot from my test store to show you the section I am referring to:

Looking forward to your response.

3

Hi @Ollie ! Iā€™m using the Debut Theme.

4

Hello again! I found the code to do it on another forum. For Debut Theme, we just have to copy and paste this code at the end of the Section named collection.template.liquid. Maybe it will help someone else! :slightly_smiling_face:

<style>
  @media only screen and (min-width: 751px) {
  h1 {
    display: none;
  }
}
</style>
1 Like
5

Im usine the Debut Theme!