[Resolved] Split menu items into two sections

Home Forums Support [Resolved] Split menu items into two sections

Home Forums Support Split menu items into two sections

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #702335
    Steig

    Hello,
    I have 5 menu choices in my primary navigation bar. I’d like to split those up so that three of them are on the left side of the page and two are on the right. Can you please tell me how to do that?

    Thanks

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #702349
    David
    Staff
    Customer Support

    Hi there,

    go to Appearance > Menus – under Screen Options check CSS Classes.
    Now select the menu items you want to move to the right and in the CSS Classes field add:

    menu-item-float-right

    #702723
    Steig

    Awesome; thank you

    #702900
    David
    Staff
    Customer Support
    #775511
    Keith

    Thanks for this. That worked great. I also used this plugin and was able to use icons in place of text. BUT, how do I change the padding/margin on just the items on the right side so the icons are closer together? Here is my site – https://katevale.com/.

    #775533
    David
    Staff
    Customer Support

    Hi there,

    try this CSS, it will close off the space, remove the hover background in place of a little scaling:

    .main-navigation ul li.menu-item-type-custom a {
        padding-left: 0;
        padding-right: 0;
        margin-right: 1em;
    }
    .main-navigation ul li.menu-item-type-custom:hover a {
        background-color: transparent;
        transform: scale(1.1);
    }
    #775537
    Keith

    So amazing! Thanks for the quick response! Love GeneratePress!

    #775549
    David
    Staff
    Customer Support

    You’re welcome – glad to be of help 🙂

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