[theoutdoorarmoryParticipant]

Hi,

Issue is with https://theoutdoorarmory.com/alps-mountaineering/

When I check it out using mobile, I get the following screen cap (attached).

As you can see, the images look like they were flatten a little bit. Is there a way to make the images vertically bigger so they stay true to their images?

Maybe a CSS code whose metrics I can change to my liking through trial and error?

Hope you could help.

Thanks

[ChristianModerator]

Hey there,

There is no issue with the image, if you’re going to increase the height, it will distort the image. Also, that would be outside the scope of our support.

Thanks.

[theoutdoorarmoryParticipant]

Hi Christian,

There’s issue with the image. Check out my screen grab and compare it here: https://theoutdoorarmory.com/alps-mountaineering/

Is there a way to make the image 1:1 ratio on mobile? Like I uploaded a 450 x 450 image
for my products. I think the reason why images look flat is because mobile devices’ screen resolutions are not 1:1.

So that said, is there a way to align the image to the center and keep the ratio?

Please help.

My images on mobile look bad. 🙁

[ChristianModerator]

Hey there,

I checked your page and there are currently no images. Please check. Also, please remove all customizations if there are any and deactivate all third party plugins while we investigate.

Thanks.

[theoutdoorarmoryParticipant]

Can you please try it now?

https://theoutdoorarmory.com/alps-mountaineering/

Thanks.

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 767px) {
.woocommerce li.product .entry-featured img {
    max-height: 100% !important;
    width: auto;
}
}

Hope that helps.

[theoutdoorarmoryParticipant]

Paul,

You are amazing!

Thank you so much!

[JoaoModerator]

I am glad we managed to help you.

Let us know if you need help with anything else.

Joao

[Author]

Posts