FROM CACHE - en_header

Hide title in collection

Solved
Klubo555
Explorer
54 0 21

Hello, I would like to hide a title name of collection on mobile version.

I've  used code which worked perfectly, but just on desktop version.

 

Thanks for help

Tomas

https://four-leggedpets.com/

Password: leden2021

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2377 3400

This is an accepted solution.

@Klubo555 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 749px){
.collection-hero__title {display:none;}
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 13 (13)
dmwwebartisan
Shopify Partner
11014 2377 3400

@Klubo555 

Can you please provide a screenshot of where the collection title is?

I checked but couldn't see it.

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
oscprofessional
Shopify Partner
12491 1931 2479

hi

Can you share the screenshot you are asking for?

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
Klubo555
Explorer
54 0 21

úprava title.png

It's in every single collection on mobile version, on desktop it's ok as i said efore.

Thanks

dmwwebartisan
Shopify Partner
11014 2377 3400

This is an accepted solution.

@Klubo555 

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 749px){
.collection-hero__title {display:none;}
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Kinjaldavra
Shopify Partner
2302 569 1407

 

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

@media only screen and (max-width: 600px) {
  .collection-hero__title-wrapper .collection-hero__title{
     display: none !important;
   
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Klubo555
Explorer
54 0 21

Thanks !!!

Syss
New Member
1 0 0

Hi,

What code should I use to hide on both desktop and mobile_

Thanks,

Syss

Kinjaldavra
Shopify Partner
2302 569 1407

 @Syss use to hide on both desktop and mobile

.collection-hero__title-wrapper .collection-hero__title{
display: none !important;

}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Patrick1234
New Member
2 0 1

What if I don't have a assets/theme.css ?  
I have 

And also theme.js but no theme.css
I have the same problem I would like to hide the collection titles over the images, since I am putting the titles myself on the images in adobe.
Here is a link to what I am talking about.
I would like to hide where it says cocktail dresses

highendcasual.png

KetanKumar
Shopify Partner
34414 3444 11272

@Patrick1234 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Patrick1234
New Member
2 0 1

Hi Thank you for your prompt reply.
We did in fact figure out a solution that works for us.
We simply changed the font color to transparent, essentially hiding the text from the photos.
Solves it for now, although perhaps not the ideal solution.
The website address is www.dearmonica.com

KetanKumar
Shopify Partner
34414 3444 11272

@Patrick1234 

thanks for update 

do you have any issue?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
norahnewhouse
Tourist
28 0 0

does this code work for the Focal theme? It doesn't seem to be working for me on either desktop or mobile