Image Height Cropped

  • Resolved seybrew

    (@seybrew)


    4 years, 4 months ago

    Hello.

    First of all, thanks for the great plugin.

    Unfortunately I’m facing the following issue:

    – whenever I use one column layout, the image height is cropped

    On desktop version I can workaround this issue by adding more columns (3 is OK)

    But on the mobile version, where 1 column is preferable, the situation is really bad, as you can see on the screenshot:
    https://ibb.co/h27FhKQ

    I’ll appreciate If you help me out with some tips how to solve this.

    Regards

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author smashballoon

    (@smashballoon)

    Hey @seybrew,

    Could you try adding the following to the plugin’s Custom JavaScript section (Instagram Feed > Customize > Advanced > Custom JavaScript):

    setTimeout(function(){ window.dispatchEvent(new Event('resize')); }, 500);
window.dispatchEvent(new Event('resize'));

    Please let me know whether that resolves the issue for you. If it doesn’t, then could you provide a link to the page that the feed is on so that we can see the issue first hand?

    Many thanks,

    John

    Thread Starter seybrew

    (@seybrew)

    Thank you, John, for your reply.

    Unfortunately this script has no effect:(

    But I don’t want to expose the link to unfinished website to the public.

    How can I send you the link and credentials in private?

    Regards,

    • This reply was modified 4 years, 4 months ago by seybrew.
    Plugin Author smashballoon

    (@smashballoon)

    Hey @seybrew,

    No problem. Just contact us here and ask for it to be assigned to John and I can help.

    Many thanks!

    John

    Thread Starter seybrew

    (@seybrew)

    Hey John,

    Contacted through the link you’ve sent.
    Awaiting for the reply.

    Thanks.

    Plugin Author smashballoon

    (@smashballoon)

    Thanks @seybrew. Did you ask for it to be assigned to me? I’ll check with our support team to see if they received it and someone will respond to you via email.

    Many thanks,

    John

    Thread Starter seybrew

    (@seybrew)

    Yes, I did.

    I’ve forwarded the whole initial message with the link and credentials and asked to assign it to you.

    Thanks.

    Plugin Author smashballoon

    (@smashballoon)

    Hi @seybrew,

    I’m really sorry about this but I don’t seem to be able to find your message. Could you tell me either the name or email you submitted it under?

    It may be easier to just email us directly at the following address: support at smash balloon dot com. Could you try that? And again, I apologize for the issue here and any inconvenience!

    John

    Plugin Author smashballoon

    (@smashballoon)

    Thanks @seybrew,

    I received the email. It looks like the issue is that some CSS that was added to your theme is adding a height of 80px to those images on mobile (screenshot).

    It is added inside this file in your theme: /wp-content/themes/motors/assets/css/app.css on line 16459:

    #sb_instagram .sbi_photo {
  max-height: 80px !important;
}

    If I remove that CSS then it fixes the problem. Could you try removing it to see whether it fixes the problem for you?

    Many thanks,

    John

    Thread Starter seybrew

    (@seybrew)

    Thanks John for your help.

    That’s really did the trick.

    Many thanks!

    Plugin Support Smash Balloon Mike

    (@smashballoonmike)

    Hey @seybrew,

    Glad to hear this worked!

    Let us know if you need anything else in the future. Hope you have a great rest of your week!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Image Height Cropped’ is closed to new replies.

Tags