1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Modal/ overlay won't show on top Z-index

Discussion in 'Free Divi Community Forum' started by stylefrog, Feb 18, 2021.

  1. stylefrog

    stylefrog New Member

    I am a big fan of DIVI and I was glad to find a good plugin for handling pdf download via email request.
    (I bought "Simple Download Monitor" & "Squeeze Form")
    Now there is a big problem I encountered with the Modal / overlay function: it won't show on top of other divi layers, and elements like header and some divi blurb modules are even in front of the modal and its backdrop. (I tried a bit on z-index: 1000000, but it did not work, s. screenshot.)

    Did anybody solve this problem? How? I would be very glad for help! Thanks in advance...
    screenshot modal bug.png
     
    1. AD Set awesome default design for your Divi single blog page: https://blog.diviultimate.com/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/
  3. stylefrog

    stylefrog New Member

    Thanks a lot for your willingness to inspect! I am afraid, I can only offer a static copy as a dummysite (since original installation is on a customers' premise).
    youbeauty.eu/dummypages/test_download_specs.html

    If you click on one of the "Download Specification..." Buttons, the unwanted modal behaviour shows up.
    Thanks in advance!
    Andreas
     
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Upon further checking, it's because it's rendering the popup within the module itself. Thus, it will always have this popup overlap issue. It's not possible to resolve it through CSS.

    The only way is for the plugin to inject the popup within the page-container div.
     
    1. AD Add over 2500 icons in Divi to create attractive web designs: https://divi.help/link-forums/divi-icons.164/
  5. stylefrog

    stylefrog New Member

    Ok, thanks, that sounds interesting. Since I do not really know how to inject it into the page-container div –
    could you share advice (or tutorial?) on how to deal with it? I never got that deep under the hood of divi, but I would be willing to learn...
    Best, Andreas
     
  6. stylefrog

    stylefrog New Member

    Can anybody give me hint on how to inject a modal into the page container div?
    (I searched and only found plugins and scripts for injecting into DIVI's Header/Footer...) Any help is appreciated;-)
     
    1. AD 50+ switches to fully customize your Divi website: https://divi.help/link-forums/divi-switch.162/
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    For you issue, it need to be solved by the plugin developer itself. You can't fix it with custom coding.

    Thus, it's best for you to contact the plugin developer instead.
     
  8. stylefrog

    stylefrog New Member

    Thanks for your reply – ok, I understand. Unfortunately, simple download manager/ squeeze form guided me the other way round – to adapt DIVI. So, we walk through a perfect circle;-)
     
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/