[magichmmm]

Hi Juan,

Sorry, I didn’t see this reply. I have just emailed you. I think I do understand. The code has set up a class that every time I insert an image from ‘add media’ I add that class to the image under advanced settings and that applies that class to that image.

Is this correct?

Simon

[Juanfra Aldasoro]

Hi Simon,

Thanks, yes you understand. I’ve been through your site and you done it right.

Please clear your browser cache to see it right in your browser.

Best,
Juan.

[magichmmm]

Hi Juan,

Tried that and still same problem. Have emailed you, but the problem disappears when I reduce the size of the browser window – it suddenly works which seems most odd.

best wishes,
Simon

[Juanfra Aldasoro]

Hi Simon,

The thing here is that the CSS is applied for resolutions under 1024px.

If you want the responsiveimage to always take the 100% width you’ll need to do it this way:

.responsiveimage{ width: 100%; height: auto; }

instead of

@media screen and (max-width: 1024px) {
 .responsiveimage{ width: 100%; height: auto; }
}

The thing with this is that the responsive image will always take the 100% of the element that is containing the image.

Best,
Juan.

[magichmmm]

Hi Juan,

Bingo! that’s done it – thank you so much for your help on this.

Your response to both my queries has been exemplary both in patience and in the amount of time given.

best wishes,

Simon

[Juanfra Aldasoro]

Hi Simon,

Excellent 🙂

Thanks for your kind words.

Happy new year,
Juan.