Shopify themes, liquid, logos, and UX
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:
Solved! Go to the solution
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>
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.
Hello, thank you for such a quick response. Your code works, but it also removes the product title and price...
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>
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024