1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

mobile (secondary) menu as desktop menu

Discussion in 'Free Divi Community Forum' started by Basmine, Oct 6, 2020.

  1. Basmine

    Basmine New Member

    Hello!

    I have a big problem:

    I have built in 2 menus in the header. The main menu and the secondary menu.

    I would like to have the secondary menu (top menu) in the mobile view, not a hamburger, but also the desktop view. However, the main menu should be displayed as a hamburger. I found the following CSS code, but BOTH menus change here and not just the one above:


    @media (max-width: 980px) {


    .et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {


    display: flex;


    }


    .et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {


    display: none;


    }


    }


    My URL: www.emtb-schuster.at/neu

    Thank you very much for the help!
     
    1. AD Free download for Divi Mobile Bar Plugin: https://divi.help/threads/divi-mobile-bar-plugin-free.1579/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    To target the specific menu module, you just need to add a CSS Class in the Menu module settings > Advanced > CSS Class

    Then for your CSS above, add the CSS Class in front of it like this:
    .your-css-class.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
     
  3. Basmine

    Basmine New Member

    Thank you for your help! Now I have highlighted my menu items in the mobile view, but the hamburger icon is next to it. When you open it, an empty menu appears ???
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Not sure what you meant by that.
     

Recommended Divi Hosting