I am having a problem where my gallery image on main page keep resizing itself, it looks different from a bigger size screen and smaller size screen. anyone could help me on this?
Bigger size screen as per below photo.
Smaller size monitor shown as per below photo.
Is there a way to make it fit to screen and scale down with whatever device you are using?
Appreciated if anyone could help me out on this.
website : SUNDAY'S FIT (sundaysfit.com)
Pw : john0629
Solved! Go to the solution
This is an accepted solution.
What theme are you using for your store? Is it a Shopify theme or a third-party design? From the images and shop link you shared, it looks like you are using a portrait image.
A portrait image is taller than it is wide and can take up a significant amount of space on Desktop, and can negatively impact a customers viewing experience, which is why these sections typically have a max-height option. This helps to keep load times, and scroll times, to a minimum!
In your theme editor, what section are you using to upload that image? Depending on what section is being used to display that image, it’s probably intended to be a full width image like a slideshow or Image With Text Overlay section.
If its a slideshow section, the Adapt To First Image setting can usually help. If its not a slideshow section, you could test out the slideshow with a single slide.
If you are using a Shopify theme for your store, you should be able to reference your specific themes image guides on our Help Center page. For example, if you are using our Debut theme. You can reference our Image size recommendations table on the Debut theme guide directly.
If you are using a third-party theme. I would recommend reaching out to your themes developers for more information on how to size images within their theme. Alternatively, you could always reach out to a Shopify Expert to take a closer look.