Archived topic
Right align button in nav
5 replies · Started by Jack on May 6, 2020
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
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/
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.
Give this a shot:
.main-navigation .nav-button {
order: 10;
align-self: center;
margin-right: 10px;
}Thanks for your help. That was great!
You're welcome!