Modal Issue

Posted: March 13, 2019 at 8:04 pm


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.

See Screenshot:

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.

See screenshot:

Please advise.



March 18, 2019 at 10:20 am

Hi… following up. Thanks!


  • Support Staff

March 19, 2019 at 11:41 am

Hi there,

The reason this is happening is due to the shiftnav plugin wrapping the page content in a div (with a class of shiftnav-wrap) and then setting the z-index of that div to 250 –

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 –
(Note I removed the comments around the zindex of 250 to show the above)

The overlay, however, is outside of the shiftnav-wrap div, so it gets its 10000 z-index value applies and displays on top of everything.

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 🙂

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for the Multiple Event Registration add-on.
Documentation for Multiple Event Registration Add-on

Status: publish

Updated by  Tony 5 hours, 37 minutes ago ago

Topic Tags


This topic is: not resolved
Do NOT follow this link or you will be banned from the site!