hello I wanted to see If its possible to code my mobile Shopify site to have same main page
“collection images” layout as desktop version. thank you
Topic summary
Goal: adjust a Shopify store’s mobile homepage so “collection images” present similarly to desktop, ideally with a 3-image masonry-style grid rather than a single stacked column.
Perspective 1: a participant cautions that replicating the desktop layout on mobile would not look good and recommends arranging images in a single column for usability on small screens.
Perspective 2: the requester acknowledges mobile constraints but still wants at least three images visible in a masonry pattern, and is willing to share examples of the target layout.
Most recent update: a helper asked for the store link to review specifics and provide tailored guidance.
Key terms: “masonry layout” refers to a staggered, Pinterest-like grid where images of varying heights fit together without uniform rows; “collection images” are the visual tiles representing product collections on Shopify.
Status: no technical solution provided yet. Action item: share the store URL to enable further troubleshooting and potential implementation options.
On a mobile device, that layout would not look good. In my opinion, the images should be arranged in a column on a mobile device.
hello, I can see how this wouldn’t look good on mobile but Im trying to have at least 3 images in “masonry” instead of stacked or column. if you can help or I can show you a example what im trying to recreate feel free to reach out dan. thank you in advanced!
Share the link to your store.
1 Like