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

How to merge Divi menus?

Discussion in 'Free Divi Community Forum' started by andalltha, Apr 24, 2021.

  1. andalltha

    andalltha Member

    Hi!

    I'm building a website with Divi: https://thierry-jaspart.com/temp/elise/.

    As you can see the header has two menus. I did so because I want the Galerie item to be on the left, the site's title to be in the middle and the À propos and Contact items to be on the right. It works fine but not on mobile: two hamburgers appear. I want the three items to be part of the same menu on mobile. I thought about creating an alternative menu only visible on tablet and phone but it looks a bit cheap, right? Do you know another way of achieving this?

    Thank you (and sorry for my bad English)!
     
    #1 andalltha, Apr 24, 2021
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I guess you may just add a new menu module (containing both menu items) below the right menu module & set it to be hidden on desktop.

    And lastly, set the current desktop menu modules to be hidden in mobile & tablet.
     
    #2 Divi.Help, Apr 27, 2021
  3. andalltha

    andalltha Member

    Yes of course I thought about it (and eventually did) but it looks quite amateur, don't you think? There must be a JS code that can achieve it...
     
    #3 andalltha, Jun 1, 2021
    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
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For Divi mobile menu, they're using jQuery to duplicate the desktop menu to mobile. Thus, there might be some delay in showing. And if you're using jQuery to inject the different menus as well, you might need jQuery timeout function to achieve what you want.

    Here's a sample jQuery code wrapper to be placed in WP Admin > Divi > Theme Options > Integration:
    Code:
    Log In or Sign Up to view this code.
    And you will need to add custom CSS class for each menu module & use clone and prepend jQuery to achieve that.

    But I would suggest to just hide the desktop menu & create a new one for mobile version.
     
    #4 Divi.Help, Jun 4, 2021
  5. andalltha

    andalltha Member

    Okay, thank you very much for the information!
     
    #5 andalltha, Jun 5, 2021
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
(You must log in or sign up to post here.)