Align single menu item right

Stanzack · April 2018

How can you align one menu item far right?

Essentially, I have 6 menu items (home, about, services, press, blog, join our team and sign in. I want to have 5 of them aligned left next to the logo in the header, and "sign in" aligned far right.

Any suggestions?

Stanzack · April 2018

https://pasteboard.co/Hi66X5J.png

Bryan · April 2018

Hi,
you can align the menu right in theme options>menu&action bar>menu
thanks

Stanzack · April 2018

I know I can do that. Take a look at the pasteboard above. I only want the "Log In" on the far and the rest of the menu aligned left near the logo.

Bryan · April 2018

What about using the action button which you can enable in theme options>header&subheader>extras
Also remeber to activate the top-right-bar.

If you want to do this with the menu item then I think we can work some magic with css.
Send a link to the page.
thanks

Stanzack · April 2018

We don't want to use the action bar.

Here is the link > http://emsol.io/

Bryan · April 2018

It will be not possible to use css, it will make the menu go to the next line:
http://prntscr.com/jac0ka
I wasnt talking about the action bar but the actio button.
See: http://prntscr.com/jac1fp
You would have a button on the right side.
thanks

Stanzack · April 2018

Ok, i'll try the first option you said.

Sorry, how do I activate the "top right bar"

Bryan · April 2018

You do that all in theme options>header&subheader>extras.
Make sure it is in the OFF position, and fill the action button fields below.
thanks

Stanzack · May 2018

Great thank you, it worked.

Last question for you.

Is there a way to get a light grey box around the "Log In" button? So it pops more?

http://emsol.io/

Bryan · May 2018

Yes, you can use this css

.action_button {
	border:2px solid gray !important;
}

thanks

Align single menu item right

Comments