Removing Collection text off collection image debut theme

Hi guys

I am trying to remove the collection title text off the collection images in Debut. I have read other posts and tried but they are still not coming off! Can anyone help?

Hello There,

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

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

hi @eighth-bay

i can solve your problem

u can change this code.

Hello There,

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

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

thank you so much !

Seemed to work perfectly! Many thanks! :slightly_smiling_face:

Hi

I have just noticed that it removed them from the desktop website, but on the mobile version on my iphone they are still there? What can i do to remove off mobile version?

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

www.eighthbay.com

Its just the mobile version that still show the collection names on the collection images

Hello There,

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

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

Thanks but its still showing on the mobile version, same as before?

Can you please help? :slightly_smiling_face:

Yes

Hello There,

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

.collection-grid-item__title.h3 {
display: none!important;
}
Screenshot :- https://prnt.sc/zywfbh

Hello

Again i have done this but it still shows on the “mobile version”. How can i apply this to both the desktop and mobile versions?

Any further help?