Image responsiveness

efrenjr · May 2015

Hello,

When showing an image gallery, the responsiveness is not working very well. This happens when the window is resized or when viewing ond a phone (landscape)

Is there a way I can solve this?

please see examples below:

http://snag.gy/vLtY1.jpg (image rezised correctly)

http://snag.gy/ZB3wp.jpg (image resised incorrectly)

url: http://www.javieralvarezfotografia.com/2015/05/19/scarlett-y-mango-tarde-en-la-playa/

Thanks in advance

Albert · May 2015

Hey,

below css will do the trick with responsive of your gallery:

#Content .gallery .gallery-item {
    width: 100% !important;
}

Thanks!

efrenjr · May 2015

Thanks a lot!

It works like a charm.

Special thanks for always answering super fast!

Albert · May 2015

You're welcome

efrenjr · May 2015

Hello Muffin!

One thing that I just came accross. When the gallery settings, link is set to none, the images appear in different sizes and not centered.

You can see the difference in these two blogs using same images with the different setting:

with link to none:

http://besthosting.com.mx/javieralvarez/2015/05/27/scarlett-y-mango-2-2/

linked to file:

http://besthosting.com.mx/javieralvarez/2015/05/07/scarlett-y-mango-3/

http://snag.gy/jqZTh.jpg

Thnaks in advance!

Albert · May 2015

As we see, looks like you added custom css for gallery and that's why this happen. But if you are sure that you did not used any custom css, send us access to your dashboard on pm with explanation and we'll show you what's wrong.

Image responsiveness

Comments