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

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!! …

Multicolumn Photos TOO BIG on mobile view

Store Design

EC23 April 23, 2024, 12:30pm 3

Worked perfectly…Thank you!

Topic		Replies	Views
How can I resize multicolumn mobile images for better view? Store Design design	6	52	June 18, 2023
Dawn Multicolumn Images Too Big on Mobile Store Design	2	33	August 19, 2022
How to change the size of multicolumn images on Mobile View Technical Q&A javascript , css , shopify-theme	5	38	August 16, 2023
How to enlarge photo size of multicolumn in mobile view? Store Design customizations	0	15	August 10, 2023
(Dawn Theme) How to make multicolumn images smaller for mobile Store Design design	5	41	August 16, 2024

Multicolumn Photos TOO BIG on mobile view

Related topics