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 Premium quality Divi premade designs bundle: https://divi.help/link-forums/divi-den.146/
  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 Add over 2500 icons in Divi to create attractive web designs: https://divi.help/link-forums/divi-icons.164/
  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 Free multipurpose business child theme for Divi: https://divi.help/link-forums/divi-business.152/
  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 Instantly add 30+ custom Divi Modules. Free version available: https://divi.help/link-forums/divi-supreme.143/

Recommended Divi Hosting