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

Solved Custom secondary menu

Discussion in 'Free Divi Community Forum' started by Zuzanna, Jul 17, 2019.

  1. Zuzanna

    Zuzanna Member

    Hi! I am trying to do two menus on my home page.

    First one is general with external links
    and I want to do a secondary menu with internal links only (like one page site with anchor links)

    - Can I customize secondary menu, so it will be under primary one?
    - I have read about advanced menu properties for menus, but I can't find it
    Did you delete that option?
    - How to call out secondary menu items in CSS (and can I do it only in Divi Theme Customizer > Custom CSS)

    Thanks in advance!
    Sue
     
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    By default, Divi has primary & secondary menu. Try to go to WP Admin > Appearance > Menus

    When you're creating a new menu, you get to choose the below:

    upload_2019-7-18_16-3-3.png
     
  3. Zuzanna

    Zuzanna Member


    Hi, that I know.

    My problem is customizing that secondary menu, so that it will be lower.

    So far I have something like this: (see an image)
    http://dana.lu/pl/?page_id=11&preview=true

    - I want the secondary menu (blue one) to be below primary one
    and
    - to get e-mail in the same row as rest of items.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  4. Zuzanna

    Zuzanna Member

    Here is somne custom CSS that I have added:

    @media (min-width: 980px) {
    #top-header .container {padding: 0 !important;}
    #et-secondary-menu {float: none;}
    #et-secondary-nav {margin-right: 0;}
    #et-secondary-nav li a {padding: 1em 5em;}
    /*#et-secondary-nav {background: #ffffff;}*/
    #et-secondary-nav li a {color: #000000;}
    #et-secondary-nav {width: 100%;text-align: center;}
    #et-secondary-nav {display: inline-block;}
    }
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    To make it inline, try this CSS:
    Code:
    Log In or Sign Up to view this code.
    As for the switching position, you can try the below CSS:
    Code:
    Log In or Sign Up to view this code.
    **There's no built-in options for that.
     
    Zuzanna likes this.
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  6. Zuzanna

    Zuzanna Member


    problem solved! thanks!