Instagram API Loading Huge Images
-
Hello,
Please scroll to the bottom of the website link provided. The Instagram API seems to work well on Desktop – displaying 10 images in a single row across the entire width of the screen. However, in Mobile view, the instagram images load one very large image per row for 10 columns. Previously this used to only load 4 images on a single row for mobile. How can I correct the issue and revert to only loading 4 images on a single row for mobile?
Thank you.
I have been troubleshooting and cannot resolve the issue. I did however change the number of images to load 5 per row on tablet and mobile so they each display only two rows of 5 images each. Can you please help me to limit this to only one row on mobile and tablet?
Hi Cris,
Thanks for reaching to us.
You can use Slider
Layout and switch to Mobile and set Photos per row
to 5 https://prnt.sc/Yb7UtJV_uEc0 and 10 for Desktop https://prnt.sc/qMW-pR0_60n5
Please note that Layout will be applied for both Mobile and Desktop devices.
Regards,
Thank you for the response. Where do I find Slider Layout?
That’s exactly what I’m looking for.
Hi Cris,
You can click on Instagram
widget > Style tab and you can change to Slider
layout https://prnt.sc/gww5MxHiIsZH
Regards,
Is there any way to have different settings for mobile and desktop?
Right now desktop is showing 10 images on one row and mobile is showing 10 images across 2 rows (5 on each). I would like mobile to also only be one row, but with only 5 images – not two rows. Desktop should stay at 10 images on one row.
How can I make that update?
Hi Cris,
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.
Regards,
See temp login in extra information.
Thank you for the help 🙂
Hi Cris,
Thanks for your patience.
You can use 2 elements: one for desktop and one for mobile.
I created demo page, you can visit here to see how it works: https://stagingstrala.wpengine.com/13271-2/
Regards,