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

Mega Menu from Divi Blocks Not Appearing

Discussion in 'Support Forum' started by David Behrens, Feb 25, 2022.

  1. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Divi.Help,

    Love your Divi Blocks product, but I am struggling with your Mega Menus. I originally thought it might be related to my WordPress version (I am on 5.9.1), but that does not appear to be the case (I downgraded to what your demo site used, which is 5.8.3, and no results yielded). I commented on a ticket generated by another user who thought it might be the WordPress update, but I think my issue is isolated.

    I can see the little thin bar that stretches the length of the menu appear on hover, but the menu itself does not appear. When I demoed all of the features using your demo tool before exporting, it all worked together, so I don't believe the blocks are contradicting each other. I'd love some help getting this ironed out. I have two mega menus, obviously designed to open on the first two menu items.

    My staging site is https://staging.clarkehook.com
     
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Upon further checking, there's a CSS conflict with Divi Powerful Child Theme. You will need to do a manual CSS fix on the child theme file.

    Here are the steps:
    1. Go to WP Admin > Appearance > Theme File Editor > Divi Powerful Child Theme > dp-assets > css > main.css
    2. Look for html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .et_pb_row
    **Should be at line 773.
    3. Then replace it with html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap>.et_pb_row

    That's all. Let me know how it goes.
     
  3. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Followed these instructions with no success as of yet. Doing a little troubleshooting to see if it was cached somewhere.
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Cleared All Caches & CDN stores, still no success.
     
  5. David Behrens

    David Behrens New Member
    Divi Block Pro Divi Powerful Child Theme Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    One last point to make, I am using Chrome, It appears as though the menu is working well in Safari/Firefox.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    It's just a cache issue. Missed out a step. Here's what you need to do:
    1. Go to WP Admin > Appearance > Theme File Editor > Divi Powerful Child Theme > dp-assets > main-functions.php
    2. Replace line 7: define('DIVI_POWERFUL_VERSION', '1.2.0'); with define('DIVI_POWERFUL_VERSION', '1.2.0.1');