Overlay not showing on Shopify site with Popup app

Ask the Community General Questions
1

I have a test page (on Shopify site) with the Elfsight popup app code manually installed.

It all seems to work well except the screen overlay around the popup does not show.

In the app dashboard, overlay is enabled, background colour & opacity it set, and overlay is visible in the app dashboard preview.

But overlay does not show on live website. Have tried 3 different browsers.

I thought maybe it could be a z-index issue but I don’t know how to resolve this. Any help is appreciated.

Test page with popup running

Thanks,
David

2 Likes
2

Hi David @user5282, great to see you here with us! :wave:t2:

Yes, there is a conflict in styles, hence the issue. But it can be easily solved with this CSS code:

.global-styles,
.eapp-popup-layout-variation-modal-component div:empty {
  display: block;
}

Please add it to the Custom CSS section in your widget’s settings and let me know if it helped :slight_smile:

1 Like
3

Hi Helga,
For some reason I don’t have a Preferences option in my app admin… but I added the CSS in my theme settings CSS and it worked, thanks so much!
Kind regards,
David :slightly_smiling_face:

1 Like
4

Great to hear that, David! And yes, you’re always welcome :smiling_face:

1 Like