Pop up display showing BEHIND text

Support
#1

I have had an issue with a pop up showing behind the text and cannot figure out how to change it to show in front of the page content. Please help.

#2

Hi there,

Were you able to get this sorted?

I have just checked your site and the modal is displaying fine now:

If you are still getting the issue, try adding a custom CSS code that targets the third party modal you are using and increase its z-index like this:

.pop-overlay {
    z-index: 9999;
}

Hope this helps.

#3

Thanks for the reply. It is still occurring - when you scroll down - on some pages and others don’t have this problem. It’s odd that the theme editor would randomly switch up the display and overlap those elements.

Ideas?

#4

Would you mind giving us the URL of the pages that this issue happens?

Thanks.

#5

https://dxdumpsters.com/alta-mira-tempe-az-dumpster-rental-arizona/




several others…

the only page that DOESN’T have this issue, it appears, is: https://dxdumpsters.com/

#6

Hi again,

Thank you for the URLs, Please give your section ( that has the modal ) a class popup-section and then add the following code in the Theme Options > CSS:

.popup-section {
  z-index: 10;
}

This should fix the issue. Let is know how this goes!

#7

It worked!
thanks so much for your help.

#8

you are most welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.