1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Powerful Child Theme.

To access this support forum, you need to purchase Divi Powerful Child Theme.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Mega menu issue

Discussion in 'Basic Support Forum' started by Matteo Ruberto, Nov 6, 2020.

  1. Matteo Ruberto

    Matteo Ruberto New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Attached Files:

    1. AD Add tons of new icons for your Divi site. Free version available: https://divi.help/link-forums/divi-icons-pro.147/
  2. Matteo Ruberto

    Matteo Ruberto New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    I've restored the menu because the website is already live. You can see the issue over here: https://loodgieterinbreda.nl/mega-menu-issue/
     
  3. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    It's because the menu hover style 2 conflict with the mega menu CSS. You will have to choose other menu hover style in Theme Customizer > Divi Powerful > Header & Navigation Styling > Menu Hover Style.
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  4. Matteo Ruberto

    Matteo Ruberto New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Cool. Thanks for the solution!

    Is there anyway to prevent the menu from blinking when the mouse goes from the button to the mega menu (see attached video: https://share.vidyard.com/watch/hm4Gup3JMRvUrNJNSuPvUn?)

    I've discovered I can change the appearance of the child items with:
    Code:
    .et-menu-nav li.mega-menu>ul>li>ul>li>a {
        font-size: 10px!important;
    }
    How can I change the section title in the mega menu?

    Thanks!
     
  5. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    Try to go to the menu module settings & change the padding bottom to 0.
    Try this CSS instead:
    Code:
    .et-menu-nav li.mega-menu>ul>li>a {
        font-size: 18px!important;
    }
     
    1. AD Easily create popups / overlays for your Divi site: https://divi.help/link-forums/divi-overlay.144/
  6. Matteo Ruberto

    Matteo Ruberto New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Perfect! Thank you so much!

    This support is amazing. The best I've ever experienced. Is there someplace I can leave you an amazing review?
     
  7. Divi Powerful

    Divi Powerful Administrator
    Staff Member

    Glad it all works well for you.

    For Divi Powerful Child Theme, you may leave us a review here: https://divi.help/forums/customer-testimonials.109/
    **Basically each of our products has a customer testimonials section.
     
    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/