Home Forums WoodMart support forum Instagram API Loading Huge Images

Instagram API Loading Huge Images

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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.

    #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?

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

    #526209

    Cris
    Participant

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

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

    #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?

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

    #533983

    Cris
    Participant

    See temp login in extra information.

    Thank you for the help 🙂

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

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