Changes in the store only appear on the computer, they do not appear on the phone

Hello,

I encountered a problem; I wanted to remove the words under the collection list (in the attached images - BMW; Dodge). I found the code that does it, inputted it into the Base.css file, but the changes only appeared when using a computer. When accessing the page via a phone, the words are still visible. Through the Shopify store editing program, selecting to preview the mobile version, everything works - there are no words. Can anyone help solve this problem?
The code I used:

.collection-list .card__content{
opacity: 0;
height: 0;
}

Store link: https://icyauto.eu/
Password: thaule
Theme: Dawn

Thanks!

PC:

Phone:

Hey @dziugastdi ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Hello, thank you for such a quick response. Your code works, but it also removes the product title and price…

I did it! The Collection list no longer displays collection names either on the phone or computer. They also respond to clicks and redirect to the collection page. If anyone needs help, enter this code into theme.liquid immediately after :

/* .card__content elementų parodymas tik telefonuose */ @media only screen and (max-width: 767px) { .collection-list .card__content { opacity: 1; height: auto; } } /* Visose įrenginių dydžio diapazonuose paslepia .card__content */ .collection-list .card__content { opacity: 0; height: 0; }