1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

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. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
  2. stylefrog

    stylefrog New Member

  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  4. 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
     
  5. 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. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  6. 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
     
  7. 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. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  8. 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.
     
  9. 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. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More