Image on product page doesn't resize on mobile version

[Essemme_Forniture]

Hello,

i don't know why in my BO everything is working on html , but in front office the images doesn't resize

https://www.fireandbox.it/home/29-aspiratore-professionale-per-auto-2click-car-cod-ck8060.html

i put this code

<p style="text-align: center;"><img class="img-responsive" style="width: 100%;" src="https://www.fireandbox.it/img/cms/ck8560/1.jpg" alt="2click car" width="1170" height="auto" /></p>

But it doesn't work on product page front office?

Anybody can help me?

Thanks a lot

[Gretchen1C]

I am also having this issue, please someone tell me what should i do?

Quote

Hello,

i don't know why in my BO everything is working on html , but in front office the images doesn't resize

https://www.fireandbox.it/home/29-aspiratore-professionale-per-auto-2click-car-cod-ck8060Kroger Feedback.html

i put this code

<p style="text-align: center;"><img class="img-responsive" style="width: 100%;" src="https://www.fireandbox.it/img/cms/ck8560/1.jpg" alt="2click car" width="1170" height="auto" /></p>

But it doesn't work on product page front office?

Anybody can help me?

Thanks a lot

 

Edited October 15, 2019 by Gretchen1C (see edit history)

[Chill_user]

Your code

<p style="text-align: center;"><img class="img-responsive" style="width: 100%;" src="https://www.fireandbox.it/img/cms/ck8560/1.jpg" alt="2click car" width="1170" height="auto" /></p>

Must be:

<p style="text-align: center;"><img class="img-responsive" style="width: 100%;" src="https://www.fireandbox.it/img/cms/ck8560/1.jpg" alt="2click car" width="100%" height="auto" /></p>

Check also this:

<p style="text-align: center;"><img class="img-responsive" style="width: 100%; margin-left:-15px; margin-right:-15px" src="https://www.fireandbox.it/img/cms/ck8560/1.jpg" alt="2click car" /></p>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Prestashop adds width and height tags in px, but you need always to change it to % in other case you will always have overflowed image on mobile view

Edited October 17, 2019 by Amantha Bill (see edit history)