Modal covered with overlay

[coxdigitalarts]

Hello. I’m using the new modal element, but it’s being covered by the objects overlay and is not visible.

I’m up to date with plugins and themes, and I’ve tested for any plugin conflicts.

1 Mile for 1 Million - NOMORE | A Non-Profit Organization focused on...

It’s the very first button on the page (in the “GO” section under Register.

I’ll include admin credentials.

[prakash_s]

Hello, @coxdigitalarts,

Thanks for writing to us.

It seems that there is some issue with the z-index. I also noticed that there is some JS console error, it might be due to plugin conflict. Please have a look at the screenshot in the secure note. I would also suggest you troubleshoot with a few of the common issues before we investigate your settings.

1. Testing for Plugin Conflict
2. CSS/JS Customization
3. Version Compatibility
4. Disabling Cache

For the quick fix you can use this custom CSS code under X/Pro—>Theme Option–>CSS

.e20235-26.x-modal .x-modal-content {
    z-index: 9;
    position: relative;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks