Hi,

I have a problem with the K2 lightbox images. They are not completely responsive. If you are on an item site (e.g. demo.getk2.org/item) and make the browser in the width as small as you can and in the hight as large as you can (like a smartphone screen) and than click on the article picture from K2 it's not responsive. The width size is correct but the height size proportion to the width size is incorrect.
You can see it in this picture: i.imgur.com/C47tUwg.png

How can I solve that?

Thank you for your reply.

Hi Chris,

Here's the problem - you are testing a responsive feature on a non-responsive website.
The K2 Demo site is old and does not have responsive capabilities.

Try testing the modal image feature with the many responsive templates that JoomlaWorks offers.
Here's one for example. Resize your browser to the mimic a mobile device then click on the main item image (pear fruit) as see how it looks:
demo.nuevvo.com/#anagram/index.php?option=com_k2&view=item&layout=item&id=10&Itemid=118

Note:
The K2 Demo site template is available at no charge AND is fully responsive :)
The template is called Takai, check it out: bit.ly/1cCnRAT

I hope this helps,

Joe Campbell

I use joomla 3.3.6 and I have the same problem with pictures on mobile version.

Width is OK but height is not.

I am sending you pjcture www.dropbox.com/s/m3b42vpy5wqduke/Picture1.jpg?dl=0

Check your CSS. Sounds like you are missing the following from your image:

height: auto;

K2 css or templates css

Use the browser Inspector and find out what CSS file is styling that image >> add it to that file (place under the width):

width: 700px;
height: auto;