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

DP Regular Menu Breaks Full Width Menu

Discussion in 'Basic Support Forum' started by Luke O'Hehir, Sep 12, 2019.

  1. Luke O'Hehir

    Luke O'Hehir New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi there,

    I implemented your DP Regular Menu (from the library), which turned off the default Divi menu. Perfect.

    The mobile menu was looking great but I had to turn it off because the menu on desktop wouldn't work properly. It would flicker when mousing over it, and became frozen and unusable. As soon as I disable the DP Regular Menu, the desktop menu works again.

    I cannot provide a demo right now because the site is live and my client was furious!

    I note that your DP Regular module is not compatible with the new Divi builder. Is this the issue?

    I updated from Divi Powerful 1.0.1 to 1.1.0 (although theme info still says 1.0.1). but that didn't help at all.

    Please help.
     
    #1 Luke O'Hehir, Sep 12, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Luke O'Hehir

    Luke O'Hehir New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #2 Luke O'Hehir, Sep 12, 2019
  3. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    Seems like some other JS code is adding z-index: -1; to the menu module.

    To fix it, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #3 Divi Powerful, Sep 12, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Luke O'Hehir

    Luke O'Hehir New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Thank you. So how do I get the green and blue buttons on the mobile menu to sit underneath the open mobile menu? I've played with z-indexes but nothing seems to work. (Please check the production site below, and my attached screenshot).

    https://fbitravel.com.au/
     

    Attached Files:

    #4 Luke O'Hehir, Sep 15, 2019
  5. Luke O'Hehir

    Luke O'Hehir New Member
    Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Sorry, I had to implement a fix because the mobile menu was mostly unusable.

    I've put the buttons in the row where the DP Menu is, and the problem is no longer there. It seems as soon as I add any more rows to my custom mobile menu, the content in those rows displays over the top of the mobile menu. I cannot understand why! Are you able to help?
     
    #5 Luke O'Hehir, Sep 15, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  6. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    You will need to go to the menu Row settings to set a higher z-index: Row Settings > Advanced > Visibility > Z Index > 10
     
    #6 Divi Powerful, Sep 15, 2019
(You must log in or sign up to post here.)