Size picture on mobile version different from desktop version

Hi,

see for instance  www.automation-magazine.be/index.php/nl/...otion-bezoekt-soudal . The size of the picture on the desktop version is the same as on the mobile version. However, it's way too big for the mobile version. Mobile and desktop version seem to use the same custom.css stylesheet. Is there a way to resize the pictures for only the mobile/responsive version?

Thanks,

BC

Hello,

You set the width of the image explicitly to 1280px. This value is for all devices, it can't be different. Therefore, it's not recommended to set the image size like this.

However, you can edit the file /media/templates/site/newsportal/css/custom.css and change this (around line 419):

to this:

Regards,
Milos

Hi,

we actually do not explicitly set the image size, the image is just added in the Joomla article editor and that apparently automatically adds the picture's size.:

images/apex.jpeg#joomlaImage://local-images/apex.jpeg?width=640&height=360

I added your CSS code and this seems to work, thanks for that!

BC