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

To access this support forum, you need to purchase Divi Ultimate 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 Menu Item Flashing and Sticky Menu Flashing & 1/2 Disappearing

Discussion in 'Basic Support Forum' started by E's Web Design, Jun 4, 2020.

  1. E's Web Design

    Divi Ultimate Child Theme Divi Ultimate Header Plugin

    Good Morning,

    I am using the Divi Ultimate Theme on this website: https://cs.wfu.edu/

    Since the most recent update (Divi Ultimate Plugin), which we just implemented last week, two problems have arisen:

    1) About Us - Menu Item. When you hover over About us to see the drop-down, it flashes.

    2) Sitcky Menu - When you scroll down the activate the sticky menu it begins flashing and is cut off, so you can't really see it and its acting wonky.

    FYI: I do have Divi Mega Menu installed and I am using it for the menu item academics, right next to About Us. They did all work together prior to latest update.

    Thank you so much for your assistance.
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Somehow after triggering Divi Mega Menu plugin, it's causing our resize jQuery to run continuously, which is causing those issues.

    For a quick fix, try the below:

    1. Add the below code in WP Admin > Divi > Theme Options > Integration > Body Code:
    Code:
    <script>
      jQuery(function($) {
          var $wpAdminBar = $('#wpadminbar');
          if ($wpAdminBar.length) {
              $('.du-sticky-class').dusticky({topSpacing:0+$wpAdminBar.height()});
          } else {
              $('.du-sticky-class').dusticky({topSpacing:0});
          }
      });
    </script>
    2. Then go to your menu Section settings > Advanced > CSS Class & remove free-sticky & add du-sticky-class
    3. And done.
     
  3. E's Web Design

    Divi Ultimate Child Theme Divi Ultimate Header Plugin

    Okay, thank you so much, I've added the <body> code, and that seemed to work.

    I did try to figure out your next item, but couldn't, as I don't see that class:
    2. Then go to your menu Section settings > Advanced > CSS Class & remove free-sticky & add du-sticky-class

    I
    went to my Header Layout, I'm assuming that's what you meant? I looked in the section that contains my DU Regular Menu, bu tit has only this class assigned to it: free-header-overlap

    So then I went to the Row and it has this class: free-sticky free-regular-menu

    Then I went to the Du Regular Menu Module and it has this class: free-header-menu free-menu-style-1

    Just wanted to make sure I knew what you want me to do before I change it. Could you clarify? Thank you so much.
     
    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  4. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    My bad. Should be the Row Settings. Just remove the free-sticky & add du-sticky-class
     
  5. E's Web Design

    Divi Ultimate Child Theme Divi Ultimate Header Plugin

    Okay, so I just replace that part only then?

    So it now reads this class: du-sticky-class free-regular-menu

    or do you want me to remove "free-regular-menu"
     
    1. AD Easily add Mega Menu for your Divi site: https://divi.help/link-forums/divi-mega-pro.149/
  6. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    That’s right. Just keep the free-regular-menu
     
  7. E's Web Design

    Divi Ultimate Child Theme Divi Ultimate Header Plugin

    Great, thank you so much for your quick help!
     
    1. AD Easily create popups / overlays for your Divi site: https://divi.help/link-forums/divi-overlay.144/

Recommended Divi Hosting