1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

Menu flashing and Sub menu flashing constantly

Discussion in 'Basic Support Forum' started by goodwebdesignco, Aug 21, 2019.

  1. goodwebdesignco

    goodwebdesignco New Member
    Divi Ultimate Header Plugin

    Hi
    Menu (see video menu -> https://drive.google.com/file/d/1kjcQLsNScbRENiW83FC4M8-u-eB920QM/view?usp=sharing)
    1. On mouse over the menu flashes lightly, possible to stop this?
    2. Clicking on the menu link takes effort of 2 to 3 click for it to response vs regular link in the footer, how to fix this?
    3. How to remove the "|" between menu?

    Sub Menu (see video submenu -> https://drive.google.com/file/d/1tSSDLzdiJWgJfXgpZtGtWS2hqDFJPBlh/view?usp=sharing
    1. Sub menu flashes very fast, possible to stop this?
    2. How to Re-order sub menu so it appears like a stair case i.e
    Main Menu
    - First Level
    - Second Level

    Thank you.
     
    #1 goodwebdesignco, Aug 21, 2019
    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

    This seems like a bug in previous version of Divi theme.

    To solve it, try to do one of the below:
    1. Update Divi to the latest version.
    2. Or set this: Divi > Theme Options > Fixed Navigation Bar > Disabled
    Go to Menu module settings > Advanced > CSS Class & remove free-menu-style-1
    You mean first level & second level should be in the same dropdown?

    Then you might want to try to move the second level to the same level as the first one.
    And to move it slightly to the right for second level, you can try to add CSS class to the second level menu items & use custom css to move it.

    See screenshot below:

    upload_2019-8-22_11-58-2.png

    upload_2019-8-22_11-59-34.png
     
    #2 Divi.Help Pro Support, Aug 21, 2019
  3. goodwebdesignco

    goodwebdesignco New Member
    Divi Ultimate Header Plugin

    Thanks for the quick response and code. Regarding the submenu, I want to achieve 3 levels. See attachments.
    TIA
     

    Attached Files:

    #3 goodwebdesignco, Aug 22, 2019
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The CSS code that we provided only does like the below:

    upload_2019-8-22_16-57-39.png

    It doesn't make your menu collapsible, like what you shown in your screenshot.

    For collapsible menu in desktop, the only way is to use our vertical navigation style: Header style 11 or 12.
     
    #4 Divi.Help Pro Support, Aug 22, 2019
  5. goodwebdesignco

    goodwebdesignco New Member
    Divi Ultimate Header Plugin

    "For collapsible menu in desktop, the only way is to use our vertical navigation style: Header style 11 or 12."
    How do you apply this?
     
    #5 goodwebdesignco, Aug 22, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Go to Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Choose your custom global header style & choose style 11 or 12.

    And if you wish to hide the vertical navigation & show hamburger menu only, then set this Theme Customizer > Divi Ultimate Header Plugin > Vertical Navigation > Always hide vertical navigation & show hamburger menu.
     
    #6 Divi.Help Pro Support, Aug 22, 2019
(You must log in or sign up to post here.)