Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello, I need some help with the layout of my products. Is it at all possible to scale or lock the way my product images look through different screen sizes?
For example: this is how it looks on my laptop screen (Scale and layout is 100%).
It looks fine, but as soon as I put it on the widescreen monitor or zoom out to 90%, the spacing between the products increases, and it does not look good. I have seen Shopify websites where, no matter how much I zoom in or scale out, the scale of the images remains consistent.
This is an example of it being on a wide monitor screen and/or laptop screen (Scale and layout is 90%).
Do let me know how I can fix this issue. Thank you!
I am using DAWN theme
@rt12820 Please provide website URL.
My website is not live yet 😞
@rt12820 you can provide me Preview Link
@rt12820
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>
<style>
.promo_slider_div {
width: 100% !important;
}
</style>
Hey Hardik! Appreciate the help ^_^ - i did try inserting the code inside but it didn't seem to work. it issue is still persisting 😞
@rt12820 Can you please place the code so that I can check what is the problem.