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

Solved

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

dziugastdi
Tourist
4 1 0

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:

scrnli_2024-02-25 20-16-07.png

 

Phone:

429312015_436321355414045_3830629841315023848_n.jpg

Accepted Solution (1)

dziugastdi
Tourist
4 1 0

This is an accepted solution.

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 <head>:

 

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

</style>

 

scrnli_2024-02-25 23-21-16.png

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
2139 616 506

Hey @dziugastdi,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
body .card__content {
    display: none !important;
}
</style>

 

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

ThePrimeWeb_0-1708886001641.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
dziugastdi
Tourist
4 1 0

scrnli_2024-02-25 20-44-42.png

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

dziugastdi
Tourist
4 1 0

This is an accepted solution.

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 <head>:

 

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

</style>

 

scrnli_2024-02-25 23-21-16.png