Image way too big on Product Image page

Store Design

Topic summary

A user is experiencing an oversized product image issue with the Morata theme that doesn’t scale properly like the demo version.

They attempted to fix it by modifying the global CSS max-width to 50%, which reduced the image size but caused alignment problems. They’re uncertain if this CSS approach is optimal for responsive scaling across devices.

Another user suggested adjusting the Desktop Media Width setting from Large to Small through the theme customizer’s product template options. However, the original poster reports that the Morata theme lacks these built-in GUI options, possibly because the vendor (Alo Themes) restricts customization to encourage paid support.

Additional issues mentioned:

  • Text alignment problems when reduced in size (defaults to far left with no centering options)
  • General frustration with Alo Themes’ support and template quality

The discussion remains unresolved with no working solution identified.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I’m using the Morata theme and when you click on the product the image is huge and doesn’t scale to fit like on their demo. I’ changed the global css code and made the “max-width” to 50%, which worked to make it smaller but the alignment was way off and im not sure this is the best way to get the image to scale to each device.

img,
video {
max-width: 100%;
height: auto;
}
.block {
display: block;
}

.placeholder-svg {
fill: rgba(51, 50, 50, 0.35);
background-color: rgba(51, 50, 50, 0.1);
}
a {
color: var(–color-link);
text-decoration: none;
outline: 0 !important;
}

small2.jpg
small2.jpg683×384 43.6 KB

big2.jpg
big2.jpg683×384 53.8 KB

2

Have you tried the normal way through the GUI? Go to your themes and click customize, then at the very top of your screen you will see two white buttons that say something like default and home page. Change home page to products, then click on default product (it is a template). Click on the main product image, then a menu will appear on the right. Under the media section, change Desktop Media Width from Large to Small.

3

thanks for getting back to me. This theme doesn’t have those options built in, probably because the company “alo” wants you to use their tech support and pay them to do it. I have another issue, with the text that doesnt center when it is reduced in size, it just goes to the far left margin. Again, no options to center it on the dashboard. Very strange.

4

dont buy anything by alo themes. the support and templates bleep sucks