Full article image warped on small screens

jobadmin

All articles, when accessed from mobile devices with small screens (cell phones), have the main image distorted, flattened in width.

saguaros

You can use this custom css code:

@media (max-width: 767px){
.item-page img {
    height: auto;
}
}

jobadmin

I apologize for the lack of knowledge in Joomla, but where should I add this code?

saguaros

For custom css code, I highly recommend to put into this file in template: ‎/templates/ja_kidscorner/css/custom.css

I just created this file and added above code as well.

Please review the change and let me know.

jobadmin

I checked and found that the change had already been made in the custom.css file. I imagine you did. Everything is working perfectly. Thank you very much for your collaboration.