Shopify themes, liquid, logos, and UX
Hey guys,
I have a problem and can't find a solution for it: On desktop I have 4 images per row on my homepage, but on mobile it is just 1 per row. But I want to have 2 per row on mobile. Does anyone know how to change that?
The shop isn't published yet. Do you need access for that?
Thank you very much!
Solved! Go to the solution
This is an accepted solution.
@sindilane - please add this css to the very end of your theme.min.css file and check, should look like screenshot below
@media screen and (max-width:749px){
.gallery .grid{display: flex; flex-wrap: wrap;}
.gallery .gallery-item{width: 50%;}
}
@sindilane - can you please share preview link of the site? or password to view this page? if you want to keep private then you can DM or email the password.
Here is the preview link: https://k0sfvenpt8mnddgm-63530041561.shopifypreview.com
Regards!
This is an accepted solution.
@sindilane - please add this css to the very end of your theme.min.css file and check, should look like screenshot below
@media screen and (max-width:749px){
.gallery .grid{display: flex; flex-wrap: wrap;}
.gallery .gallery-item{width: 50%;}
}
Omg it worked, thank you very much!
User | RANK |
---|---|
163 | |
146 | |
71 | |
67 | |
55 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023