Display 3 photos per row of instagram on mobile view

Hi,

I set 3 photos per row but it only displays 2 photos per row on mobile view. I need it be 3 photos per row for all devices. How can I do? Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.instagram-picture.col-lg-20_0.col-md-3.col-sm-4.col-6 {
    max-width: 33%;
}

And see if this works for you.

Regards.
Xtemos Studios

Hi,

Thanks for your code but it doesn’t work. Any other solution? Thanks.

Hello,

Please try and replace the previous Custom CSS with the following in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.instagram-picture.col-md-4.col-6 {
    max-width: 33%;
}

Best Regards

Hi,

It works beautifully. Thanks a lot!

Most Welcome 🙂

If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Have a great day 🙂

Topic Closed.
Best Regards.

[Author]

Posts