Image size issue with hidden div

  • Resolved GauravNagpal

    (@gauravnagpal)


    7 years, 1 month ago

    In my website, Instagram outer theme is hidden and when I click on gallery, Instagram images are showing but the height is 48px and when I open inspect element tool then it updated to 304px.

    Actually, image div is not getting the actual height on page load due to images in the background.

    Please resolve.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Hey GuaravNagpal,

    Our plugin works by setting the height of the images equal to the width to make them square. It looks like the feed is very small when the page loads on your particular site and then expands when you click the “Gallery” menu item.

    You can trigger a page resize event to get the feed to correct itself, however. Try adding this to the “Custom JavaScript” area on the “Customize” tab for Instagram Feed:

    jQuery('.single-page').click(function() {
  setTimeout(function() {
    window.dispatchEvent(new Event('resize'));
  },500);
});
    Thread Starter GauravNagpal

    (@gauravnagpal)

    Thanks a lot for the quick response and troubleshooting. It works for me.

    5*****

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image size issue with hidden div’ is closed to new replies.