Instagram VC Element – IG Image Sizes on Mobile

Hi it’s me again. 🙂 I know I promised to not bug you again but I just can’t help myself.

I noticed that the Instagram VC element on mobile seems to make the image thumbnails quite small. I was hoping the element would change the number of photos to 3 or something and keep them a view-able size. But to me the image sizes at 320px viewport width seem very small, possible even too small to tap with your finger even. I’m not expecting you to re-write the whole thing or anything, but maybe this is more of a future feature request. Anyway, let me know if I have other options that I’m not aware of. Currently I have 6 images in 1 row and it looks great until smaller screen widths. (bottom of home page)

Cheers,
Zach

Hello,

Try to add the following code snippet to the Mobile Custom CSS area in Theme Settings to fix this issue.

body .instagram-per-row-6 .instagram-pics li {
    width: 33.33%;
    -webkit-flex-basis: 33.33%;
    -ms-flex-basis: 33.33%;
    flex-basis: 33.33%;
}

Regards

[Author]

Posts