Image in responsive engine is stretching with keep aspect ratio

Need help Responsiveness
2

As a temporary solution you can do this:

  1. Instead of the image add a group to the page, remove the Style, set the Background to image and either use static or dynamic image to set the desired image:

image

  1. Set the ID attribute for the group (f.i. imageYoda):

image

Note: Activate ID attribute in Settings - General:

image

  1. Add an HTML-element to the page:

image
image617×555 12.5 KB

  1. Add the following code to the HTML-element:

image
image956×418 9.63 KB

Note: Sorry for the screenshot of the code, the post-editor interprets html-tags it seems. :slight_smile:

  1. This allows you to resize the image with the right aspect ratio:

XzH38mW1yf

Note: Of course you can play around with the style settings, f.i. use what you suggested, width 100% and height auto.

4 Likes