Debut Theme- Remove Collection Title

Solved
gofuturefresh
Excursionist
84 1 4

I already placed a banner on the Collection Page so I want to remove the Collection Title so that it won't be redundant.

 

Here's the URL

https://go-future-fresh.myshopify.com/collections/frontpage

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
11548 1808 2314

This is an accepted solution.

Hello  

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

 
header.collection-header h1 {
 display: none;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 53 (53)
shopify-dev-05
Explorer
70 5 8

Hello gofuturefresh,

 

Add this css to theme.scss.liquid

 

.collection-header .section-header h1 {
    display: none;
}
-Want to customize or make changes to a theme? Hire me.
-If my reply was helpful, Click Like to let me know!
- If your question was answered, Mark it as an Accepted Solution!
oscprofessional
Shopify Partner
11548 1808 2314

This is an accepted solution.

Hello  

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

 
header.collection-header h1 {
 display: none;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
gofuturefresh
Excursionist
84 1 4

Thanks

hpilearning
New Member
2 0 0

I added this snippet on theme.scss.liquid on debut but nothing changed, is there something I am missing? 

oscprofessional
Shopify Partner
11548 1808 2314

Hello 
Can you share your site url?
So that i will check your site and give you solution here.
There may be different css for your site.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
hpilearning
New Member
2 0 0

https://health-plus-inc.myshopify.com/

temp code: cookie

 

Trying to remove the title so it only shows the image on the collection. (specifically on the home page as you scroll down to 'find by category' i want the titles off of those images as well as the category page if possible/necessary ) 

Do you also know how to remove a dark overlay on the 'gallery' input section? Thank you in advance! 

waldaandwhite
New Member
1 0 0

This didnt work for me 😞 but perhaps im not looking at the right answer or question. 

I want to remove the blank space where the collection titles used to be. 

From the photo attached you will see the blank space I am talking about where the collection titles used to be displayed.

Hope someone can help! ❤️Screen Shot 2020-01-09 at 10.33.15 PM.png

oscprofessional
Shopify Partner
11548 1808 2314

@waldaandwhite,

Please share site url and password so that I will help you

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
jasonR
New Member
2 0 1

None of those syntax were working for me. But I did figure it out by inspecting the website and found that this is what works.

 

header.section-header.text-center h1 {
display: none;
}

 

I tried it and it worked!!!

 

JasonR

jasonR
New Member
2 0 1

header.section-header.text-center h1 {
display: none;
}

Nanakal
Excursionist
26 1 2

it did not work for me. anyone figured out another way?

Man-yee
New Member
2 0 0

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

AlanW1980
New Member
1 0 0

I can't get this to work for my shopify site using debut theme.  I tried all the suggestions given in this thread 😞

 

www.mypuppyprints.com is the url

 

thanks

 

Man-yee
New Member
2 0 0

online store > theme > action > edit code > assets > theme.scss.liquid > scroll down to bottom and add👇 > save.        Good Luck!

 

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

 

shemaroc
New Member
2 0 5

it did work thank you so much, your a life saver. keep up the good work. cheers

simoneedream
New Member
3 0 0

I tried all the codes none of them work .

oscprofessional
Shopify Partner
11548 1808 2314

Hello simoneedream,
Please share your site url.
So that i can check and let you know the exact solution here.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
simoneedream
New Member
3 0 0
oscprofessional
Shopify Partner
11548 1808 2314

Hello simoneedream,
Your site is password protected.
Please share your store password.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing