[Resolved] Right align button in nav

Home Forums Support [Resolved] Right align button in nav

Home Forums Support Right align button in nav

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1271805
    Jack

    Hi there, great theme! I’m loving it.

    I’m trying to right aline the “join the project” button in the navigation. I’ve looked through the forum but just can’t find it.

    I’d like it to be on the right, to the left of the woocommerce cart button

    Cheers

    #1272412
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You can move it to the right of the cart icon:

    .left-nav {
        order: 5;
    }

    In order to move it to the left of the icon, you’d need to add the button to the menu itself: https://docs.generatepress.com/article/adding-buttons-navigation/

    #1272790
    Jack

    Great, I’ve added the button to the menu itself, but can’t get it over to the right hand side?

    I followed the “add buttons navigation” instructions, and the button has the class “nav-button”

    (I’ve left the other button there for now, so the nav has two buttons, but will delete it once the menu button is sitting to the right of the cart button.

    #1272941
    Tom
    Lead Developer
    Lead Developer

    Give this a shot:

    .main-navigation .nav-button {
        order: 10;
        align-self: center;
        margin-right: 10px;
    }
    #1273238
    Jack

    Thanks for your help. That was great!

    #1274124
    Tom
    Lead Developer
    Lead Developer

    You’re welcome!

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