Posted: March 13, 2019 at 8:04 pm
Hi, I have an issue with the modal for the MER add-on. When I click the ‘Add To Cart’ button, the modal shows up, but I get a overlay that prevents me from clicking anything.
In my inspector, I can see that there is a overlay div with the ID “ee-overlay”. I am assuming ee stands for event-espresso. If I set this to display:none in my inspector, it goes away and everything works.
Hi… following up. Thanks!
The reason this is happening is due to the shiftnav plugin wrapping the page content in a div (with a class of
Child elements can’t have a z-index higher than their parent, so when EE sets the z-index of the cart modal to 10001… its ignored – https://monosnap.com/file/WxMa7ooLDKtfZHV1A0e9htu8crqkw7
The overlay, however, is outside of the
You’ll need to prevent that plugin from applying a z-index to everything on the page as nothing can override it.
Just to note, ‘bumping‘ your threads basically puts them back to the back of the queue as we work through threads based on reply date. It’s not always as clear cut as that as sometimes we need to wait on additional feedback, but point being, bumping will usually have the opposite effect than intended 🙂
Thank you for your reply and thanks for the bumping tip.
I have temporarily disabled it with some css until I can reach out to the shiftnav developer:
I hope this doesn’t break anything 🙂
The support post ‘Modal Issue’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.