Images skewed when viewed on mobile

Store Design
,
1

Hi everyone!

I was recently working on some pages for our business website and noticed that some of the images became squished when viewed on mobile, would someone be able to help me fix this? My experience with coding is minimal at best so I usually just try to use the editor function where I can drag and drop photos.

The page is question can be viewed here but I will include some screenshots as well. We use the Venture theme, if that helps at all.

Screenshot_20250110-101834_Firefox.jpg
Screenshot_20250110-101834_Firefox.jpg1080Ɨ2280 252 KB

website screenshot dekstop.jpg
website screenshot dekstop.jpg1920Ɨ867 122 KB

Thanks!

2

HI @ImagesOnBank

In order to fulfill your request, please follow these steps
Step 1: Go to Shopify Admin ā†’ Online Store ->Theme ā†’ Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above 

{% if page.id == 99551609032 %}
{% style %}
@media screen and (max-width: 768px){
.rte.rte--indented-images p > img {
    height: auto !important;
}
}
{% endstyle %}
{% endif %}

Here is the result:

image_720.png
image_720.png407Ɨ719 241 KB

I hope this helps

Best,

Daisy

1 Like
3

This worked perfectly, thank you so much!

4

Hi Daisy,

Just wanted to follow up on this. Does this bit of code only affect that specific page? I was working on a new page recently and Iā€™m having the same skewing issues.

Thanks!