Hero and Single Image elements in TagDiv composer not responsive

Hello Newspaper support,

We’re trying to create a new page comprised of images separated by posts, but we’re encountering problems ensuring the images are always in the same width as the page in different resolutions.

We’ve tried using both the Hero element and the Single Image element.

The Hero works great for maintaining the full height of the image, but the width doesn’t change to match the screen resolution (desktop).

The Single Image element looks different on every resolution and doesn’t change according to both the height and width of the different resolutions.

Can you please advice us on what we can do? We want each image to cover the entire width of the page (they are all the same width – 1920 pixels – but not the same height).

Thank you,
GamersPack

Hi,

I have a similar issue with my home page at https://www.sgaialand.it/, entirely made with TD composer. The only difference is that the page is 2/3-1/3 and boxed, not full screen (by the way, the background image is not responsive neither).

The red banner image (13 arte laguna prize), early in the page on the left, appears cut from mobile.

Even if it should just be responsive, would a specific image size solve the issue as a containment action from my side?

Thanks

Update – I noticed that the same issue occurs with all single images, both in the 2/3 and 1/3 sides of the page, regardless if images are squared or rectangular. Bad stuff, considering that those are ads paid by customers.

Please advise at your earliest convenience.

Hi,

I’ve just solved changing image size from “auto” to “full width”. I thought auto meant responsive…

Thanks