[Support request] 2 navigation inline

Home Forums Support [Support request] 2 navigation inline

Home Forums Support 2 navigation inline

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1965960
    Erwin

    Hi, can you please help me to create 2 navigations inline? For example check: https://evernote.com/intl/en
    1 navigation next to logo (float to the left) and 1 navigation (float to the right)

    2 horizontal nav

    #1965968
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to your site so i can see the layout – i can then advise on how to do that.

    #1966824
    Erwin

    Hi David, v2.ontgoogelen.nl

    #1966913
    David
    Staff
    Customer Support

    Try adding this CSS:

    @media(min-width: 769px) {
        #site-navigation,
        #primary-menu {
            flex: 1;
        }
    
        .main-navigation li.push-right {
            margin-left: auto;
        }
    }

    Then give the first menu item that is aligned right a CSS Class of: push-right
    For example, in the screenshot you shared that would be the Help menu item.
    This doc explains adding Classes to menu items:

    https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

    #1966919
    Erwin

    Thanks, checkout what’s happening if you use more then 1 nav item.

    #1966936
    David
    Staff
    Customer Support

    You only need to add the class to one menu item. The CSS pushes that item and any item after it to the right.

    #1966971
    Erwin

    Cool! Thanks

    #1967049
    David
    Staff
    Customer Support

    Glad to be of help!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.