Instagram API Loading Huge Images

This topic has 8 replies, 2 voices, and was last updated 10 months ago by Hung Pham.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
January 1, 2024 at 8:44 pm #525905

Cris
Participant

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.

January 1, 2024 at 10:19 pm #525910

Cris
Participant

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?

January 2, 2024 at 2:09 pm #526062

Hung Pham
Keymaster

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,

January 2, 2024 at 8:22 pm #526209

Cris
Participant

Thank you for the response. Where do I find Slider Layout?
That’s exactly what I’m looking for.

January 3, 2024 at 6:36 am #526266

Hung Pham
Keymaster

Hi Cris,

You can click on Instagram widget > Style tab and you can change to Slider layout https://prnt.sc/gww5MxHiIsZH

Regards,

January 26, 2024 at 4:26 pm #533904

Cris
Participant

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?

January 26, 2024 at 7:23 pm #533976

Hung Pham
Keymaster

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,

January 26, 2024 at 7:44 pm #533983

Cris
Participant

See temp login in extra information.

Thank you for the help 🙂

January 28, 2024 at 7:26 am #534232

Hung Pham
Keymaster

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,
Author

Posts