Shopify themes, liquid, logos, and UX
I have multicolumns on all my collection pages and the photos look great on desktop, BUT on the mobile view the photos are TOO LARGE. How can I reduce the photos sizes on mobile view only(without affecting desktop view)?
Using Dawn theme........eminentcrowns.com
Solved! Go to the solution
This is an accepted solution.
Add this code in custom CSS
adjust the height, width and margin accordingly
These will work perfectly for only images in multicolumn
@media only screen and (max-width: 768px) {
.multicolumn-card {
height: 200px;
width: 200px;
margin: auto;
margin-bottom : 100px;
}
}
Tell me If it worked!!
This is an accepted solution.
Add this code in custom CSS
adjust the height, width and margin accordingly
These will work perfectly for only images in multicolumn
@media only screen and (max-width: 768px) {
.multicolumn-card {
height: 200px;
width: 200px;
margin: auto;
margin-bottom : 100px;
}
}
Tell me If it worked!!
Worked perfectly...Thank you!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025