Re: How to Remove Collection Header Text

How can I remove collection header text in developer debut theme?

akdascoli
Shopify Partner
6 0 0

Hello!

I have researched this question but am getting nowhere. In my developer debut theme I would like to remove the collection header on each page as I have created banners that have the collection header name on each page. I tried adding in the code: 

@media only screen and (max-width: 749px){
.collection-grid-item__title.h3 {
    font-size: 15px;
}
}

 but this code does not seem to work for me. Any help would be appreciated. Thank you!

Owner + Graphic Designer
Replies 12 (12)

Ahsan_ANC
Shopify Partner
1409 254 326

Add this css at the end of file
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

 
header.collection-header h1 {
 display: none;
}
Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
akdascoli
Shopify Partner
6 0 0

Thank you so much for your reply Ahsan. When I search for "theme.scss.liquid" it is not visible. This is the issue I have been running into 😞 I only see "theme-editor.js"

Owner + Graphic Designer
Ahsan_ANC
Shopify Partner
1409 254 326

can you share URL of your store or the name of the theme

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
akdascoli
Shopify Partner
6 0 0

The theme I am using is: Dawn version 6.0.2

Owner + Graphic Designer
Ahsan_ANC
Shopify Partner
1409 254 326

please find base.css file and paste above code at bottom.

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search
akdascoli
Shopify Partner
6 0 0

Ahsan,

Can you please be a little more specific on where to paste the code? Thank you so much!

Owner + Graphic Designer
juansmartdev
Shopify Partner
85 17 24

Hi, @akdascoli 

Hope you are well!

1. Go to Online Store -> Theme -> Edit code
2. Asset -> /base.css -> paste below code at the bottom of the file.

.collection-header h1 {
 display: none;
}



If this helps you, consider to buy me a coffee to keep running things smoothly ;).

https://www.buymeacoffee.com/juandev



◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Senior Shopify Developer.
◦ Contact me at: juandev.martinez@gmail.com
akdascoli
Shopify Partner
6 0 0

Hey there! Thank you so much for your reply, this did not work for me 😞

Owner + Graphic Designer
juansmartdev
Shopify Partner
85 17 24

Please share me your website url

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Senior Shopify Developer.
◦ Contact me at: juandev.martinez@gmail.com
akdascoli
Shopify Partner
6 0 0

A message was sent, thank you!

Owner + Graphic Designer
Ahsan_ANC
Shopify Partner
1409 254 326

plz share the store password

 

Contact for any custom design? Skype : ahsananc
>Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com


To enhance and customize Shopify search and filter, I use Boost Product Filter & Search

aliciavterrible
Excursionist
14 1 6

I figured it out! 🙂

Add:
.collection-item__title {
display: none;
}

to the Custom CSS field on the Collection List Options Panel. Worked for me 🙂