Remove collection title from mobile version

Solved
MartaSantacana
Tourist
7 1 5

Hello,

I managed to remove the collection titles of the collection list on the home page by adding a piece of code to assets - theme.css, I added this at the end:

.collection-grid-item__title {
display: none !important;
}

It works for the desktop version but on the mobile version the title still appears, could someone help me with that...? Thanks!

The website is https://olivejoyce.myshopify.com/ and the password is emily

THANK YOU.

dmwwebartisan
Shopify Partner
6578 1536 2002

@MartaSantacana 

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

/* for mobile */
@media only screen and (max-width: 749px) {
.collection-grid-item__title {display: none !important;}
}

/* for desktop */

@media only screen and (min-width: 750x) {
.collection-grid-item__title {display: none !important;}
}

Hope this works.

Thanks!

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 | Bag is a cart drawer that maximizes your sales. View app →
MartaSantacana
Tourist
7 1 5

This is an accepted solution.

Screenshot 2021-05-08 at 11.25.41.png

Thank you, I would like to remove the titles on top of each picture on the collection list as they are already included in the images behind, it is just for the mobile version because I managed to change that on the desktop version with adding that piece of code. Thank you.

0 Likes
dmwwebartisan
Shopify Partner
6578 1536 2002

This is an accepted solution.

@MartaSantacana 

First, you have a bracket missing in your css. Check the following screenshot and correct it.

missing-braket.jpg

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

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

Hope this works.

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 | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
18896 1985 6993

@MartaSantacana 

sorry for this issue can you please this code

.collection-grid-item__title {display: none;}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
MartaSantacana
Tourist
7 1 5

It works

THANK YOU SO MUCH!