Responsive Images "jupms width" on container more than 940px

Design help General
1

Situation:

  1. Container (div) width is more than 940px (for example 1440px)
  2. Image is placed inside container, image width is more than 1500px
  3. Image has style: max-width=100%, and don’t have any other styles

Problem:
During design mode Image size jumps every 5-10 seconds from 940px to container width (1440px) and backward. On published site image has width 940px instead of container width as supposed to be.

Question:
Turning on “Disable responsive” fixes the problem. But how it can be fixed without loosing responsive abbility?

2

Hi there,

To ensure your images are fully responsive and properly fill their containers, you’ll need to set the image width to 100%. This tells the image to expand to the full width of its parent container while maintaining its aspect ratio. You can do this by:

  1. Select the image element in the Designer
  2. In the Style panel, under Layout settings
  3. Set the Width to 100%
  4. Make sure “Fit” is set to “Fill container width”

This prevents the image from defaulting to 940px width and ensures it remains responsive across different screen sizes and container widths.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.