Home › Forums › WoodMart support forum › Instagram API Loading Huge Images
Instagram API Loading Huge Images
- This topic has 8 replies, 2 voices, and was last updated 9 months, 1 week ago by Hung Pham.
-
AuthorPosts
-
January 1, 2024 at 8:44 pm #525905
CrisParticipantHello,
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
CrisParticipantI 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 PhamKeymasterHi Cris,
Thanks for reaching to us.
You can use
Slider
Layout and switch to Mobile and setPhotos per row
to 5 https://prnt.sc/Yb7UtJV_uEc0 and 10 for Desktop https://prnt.sc/qMW-pR0_60n5Please note that Layout will be applied for both Mobile and Desktop devices.
Regards,
January 2, 2024 at 8:22 pm #526209
CrisParticipantThank 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 PhamKeymasterHi Cris,
You can click on
Instagram
widget > Style tab and you can change toSlider
layout https://prnt.sc/gww5MxHiIsZHRegards,
January 26, 2024 at 4:26 pm #533904
CrisParticipantIs 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 PhamKeymasterHi 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
CrisParticipantSee temp login in extra information.
Thank you for the help 🙂
January 28, 2024 at 7:26 am #534232
Hung PhamKeymasterHi 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,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register