Hide title in collection

[Klubo555]

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

[dmwwebartisan]

@Klubo555 

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

I checked but couldn't see it.

[oscprofessional]

hi

Can you share the screenshot you are asking for?

[Klubo555]

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

Thanks

[dmwwebartisan · 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! 

[Kinjaldavra]

-> 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;
   
}
}

[Klubo555]

Thanks !!!

[Syss]

Hi,

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

Thanks,

Syss

[Kinjaldavra]

 @Syss use to hide on both desktop and mobile

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

}

[Patrick1234]

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

•  theme-blog.min.css
•  theme-cart.min.css
•  theme-collection-list.min.css
•  theme-collection.min.css
•  theme-index.min.css
•  theme-product.min.css
•  theme.min.css

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

[KetanKumar]

@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.

[Patrick1234]

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]

@Patrick1234 

thanks for update 

do you have any issue?

[norahnewhouse]

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