Gallery widget not opening on page load

I have several gallery widgets across my website. I have noticed that the widget tries to load.
Then it stops just showing the top 10% of the images.

If I click on the bit that shows then the gallery loads? Anyone got any ideas I can check out?
This page is an example of the problem. The gallery is down the page a little.

(regular wave bay window curtain tracks)

1 Like

Hi there, @Lee5 :wave:

The issue is fixed! We’ve added this code to the Custom CSS field on the Style tab of your widget’s settings:

.global-styles, .ceewi-wrap, .elfsight-app-794e5589-7c86-4b73-8448-d7a44ae6dc78 {
  display: block !important;
}

Please check your website and let me know if the gallery works fine now :wink:

Hi Max,

That seems to have done the trick :grinning:

Many thanks.

2 Likes

Great! You are very welcome :wink:

Hi Max, I have just checked my image galleries and they all seem to be struggling to load on desktop. Mobile seems to be fine. The last CSS added doesn’t now seem to be working.

It starts to load and the top 20% appears then stops. Very weird.
If I refresh the page that gallery opens fully. Got any ideas about what might be going on?

I have opened the page below on Chrome & Bing. Same problem on both.

1 Like

Sorry forgot the page link.
Bay Window Curtain Tracks (ezecurtains.co.uk)

1 Like

Hi there, @Lee5 :wave:

Apologies for this inconvenience!

I’ve passed your request to the devs. Currently, they are out of the office, so I’ll get back to you on Monday :slightly_smiling_face:

Hi Max, No problem and thanks for the quick response. Hope you enjoy your weekend.

1 Like

One of the devs was still in the office and managed to check your widget :smile:

The issue was caused by this CSS code and the widget was cropped even in the configurator:

.eapp-photo-gallery-columns-main,
.eapp-photo-gallery-columns-main [class*='CarouselItem__CarouselItemContainer-sc'] div {
  height: auto !important;
}

We’ve commented out the code and now everything is working fine :slightly_smiling_face:

image

Wow thanks for that and super quick. All the best, Lee

2 Likes

You are always welcome :wink:

Hi Max, Could you ask the developers to take a look at the photo gallery widget again for me?
They are all opening on my website (desktop and mobile). However, I had to lose the global CSS as it appears it was causing problems with the search widget.

The widget on this page is showing full height. Where I want it to show as all the other widgets which are square.

Thanks, Lee