1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Solved Module Header - Dropdown Menu

Discussion in 'Basic Support Forum' started by Solisiter, Aug 4, 2019.

  1. Solisiter

    Solisiter New Member

    I bought the Divi Ultimate Header Plugin because I wanted to have my menu somewhere else in my page other than at the top.

    However, when I insert it as a Module Menu, the dropdown menu is not working properly: background transparent, blinking > I can't clic on submenu...

    It seems that the class .dp_regular_menu is the responsible (when I remove it from my firefox inspector, everything works perfectly fine).

    So, can you help me ?

    Thank you :)
     
    #1 Solisiter, Aug 4, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to your Section & Row settings with the menu module > Advanced > Custom CSS > Main Element & add z-index:10;

    If still not working, kindly share your URL.
     
    #2 Divi.Help Pro Support, Aug 4, 2019
  3. Solisiter

    Solisiter New Member

    It doesn't work...

    My website is still under construction. I'll share my URL, once online.
     
    #3 Solisiter, Aug 5, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Sure. Let us know when it's online.
     
    #4 Divi.Help Pro Support, Aug 5, 2019
  5. Solisiter

    Solisiter New Member

    Hello, I put my website online - www.impress-audience.com.
    As you can see
    - on the front page, 'menu service > impress recruiters' is not always easy to reach
    - on all the service pages, the dropdown menu is clickable
    - on about, the dropdown menu doesn't work properly

    Thank you for your help :)
     
    #5 Solisiter, Aug 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Go to your Row settings with the menu module > Advanced > Custom CSS > Main Element & add z-index:10;
    Go to your Menu module settings > Advanced > Custom CSS > Main Element & add z-index:10;
    Go to your Row settings with the menu module > Advanced > Custom CSS > Main Element & add z-index:10;

    ===========

    In short, if the menu module is the last module in your row, then you will need to change the row settings z-index. And if there's other module right below the menu module in the same row, then you will need to change the menu module z-index.

    This is because by default, the module / row below will overlap the element above it. And so we need to change the z-index to solve it.
     
    #6 Divi.Help Pro Support, Aug 10, 2019
  7. Solisiter

    Solisiter New Member

    Thank you for your answer, it did work for the Homepage and the About page. However I still have the problem with all the pages from "Services"; the dropdown doesn't display correctly.
    The module is not in a row here as it is a special layout from Divi. So the Module is on its own with 2 other modules below it. I tried to put a z-index of 999, but nothing change.

    Can you help me ?
     
    #7 Solisiter, Aug 14, 2019
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Instead of using the z-index settings, try to go to the Menu module settings > Advanced > Custom CSS > Main Element & add z-index: 10!important;
     
    #8 Divi.Help Pro Support, Aug 14, 2019
  9. Solisiter

    Solisiter New Member

    It is working ! Thank you very much !
     
    #9 Solisiter, Aug 15, 2019
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
(You must log in or sign up to post here.)