Modal Popup Z-sorting issues

  • Resolved jazzcomputer

    (@jazzcomputer)


    6 years ago

    Hello,
    Thanks for the super free modal plugin.

    I’ve had a look through the posts on this issue and none of the posts or the tutorial show how to solve it, so I thought I’d post here in the hope it can get solved.

    I’ve a page design designed with Elementor Pro using the Elementor Hello Theme. I have most of the site on a z index of 1. The sticky menu is on 2 and one of the background elements is on 0. If I put the modal popup in its own section and set it to 3 then it behaves as expected. The problem is when I put the modal popup in one of the sections that’s set to 1…

    Pressing the modal button now makes the modal appear over the current section but BENEATH the following one (z-index of 1). There’s also multiple other issues with z-sorting. For example, I want to get the popup to appear in front of everything, but the sticky menu is over it too.

    The solution to this would be some custom CSS I’m imagining, as my (and no doubt others’) expected behaviour is for the popup to appear above everything regardless.

    It looks like the z-sort CSS is being overwritten somehow and it’s not really clear to me how.

    Could you either suggest the CSS required, or maybe make a fix to the plugin to display the modal above all sections?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Leap13

    (@leap13)

    Hello Jazzcomputer,

    First of all, we’re so glad that you liked our plugin, we really appreciate that ??

    Concerning modal box issue, I got your point, but may I ask you to send the link the page that have this issue to be able to check farther ?

    Cheers!!

    Thread Starter jazzcomputer

    (@jazzcomputer)

    Hey,
    I actually sorted it out just after I saw your reply. It was down to the z-index on the button, which completely escaped me for some reason earlier.

    Thanks again for the plugin – you can close this one ??

    (5 starring you now)

    Hello there!

    i have a problem with z-index sorting and modal window.
    You can try clicking the button “premium modal box” and scrolling around all webpage. Sorry if is not clear but my english is not good.

    this is the webpage: https://vivacuscotravelservices.com/tour-al-valle-sagrado

    I appreciate your help
    thank you!

    Hi I am experiencing the same problem I couldn’t fix it please help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Modal Popup Z-sorting issues’ is closed to new replies.