Removing Collection text off collection image debut theme

Technical Q&A
1

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?

2

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

3

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 !

4

Seemed to work perfectly! Many thanks! :slightly_smiling_face:

5

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?

6

Hello There,

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

7

www.eighthbay.com

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

Mobile version
Mobile version508Ă—954 104 KB

8

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

9

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

10

Can you please help? :slightly_smiling_face:

11

Yes

12

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

13

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?

14

Any further help?