Image resizing from desktop to mobile on Prestashop 8

[tivicrdotcom]

Hello fellow geeks, what is the best approach to have a nice looking image on a CMS yet when preview from mobile to resize properly. I can do width: 100% which will look great on desktop yet it would look bad on mobile. There has to be a better image mobile-desktop relationship.

cheers,

AJ

[Knowband Plugins]

Hi,

if you are referring to the issue of distortion on the mobile view, then you can add 'img-fluid' class to the images.
<img src="path/to/your/image.jpg" class="img-fluid" alt="Responsive Image">

It is a Bootstrap's responsive image class that scales images with their parent containers.

If you have any concerns related to the image responsiveness, then please let us know.

Regards.

[tivicrdotcom]

Thanks for replying @Knowband Plugins, we will give it a try.

cheers,

AJ

[tivicrdotcom]

Is magic kid, it works like a charm, so simple yet so effective. I always thought about this issue, you want nice images for the CMS yet you also want the same quality non distorted for the mobile version and class="img-fluid" does just that.

Thanks again!