Shopify themes, liquid, logos, and UX
Hi for the desktop version I moved the description to the right of each image.
However this doesn't work well for the mobile version:
Could somebody please help me to move the description on the mobile version under each image but keep the desktop version the way it is???
website: ordinarythings.club
Thank you so much for the help :))))
Hi,
You can add to this code to your theme:
@media only screen and (max-width: 767px){
.collection .card.card--standard.card--media{
flex-direction: column;
}
.collection .card.card--standard.card--media .card__inner,
.collection .card.card--standard.card--media .card__content{
width: 100%;
}
}
Adding this to the bottom of theme.liquid doesn't work.
if you include to that file you need add them inside these tags
{% stylesheet %}
// add in here
{% endstylesheet %}
{% stylesheet %}
// @media only screen and (max-width: 767px){
.collection .card.card--standard.card--media{
flex-direction: column;
}
.collection .card.card--standard.card--media .card__inner,
.collection .card.card--standard.card--media .card__content{
width: 100%;
}
}
{% endstylesheet %}
Doesnt work. cant save it.
User | RANK |
---|---|
227 | |
181 | |
63 | |
58 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023