New to the community? Start here

Alex Stine
System Administrator
1,205 pts: Hero points 5,087 pts: Rep. points LEVEL 23

Making certain menu links align to the right

Hello,

I would like to move my Login and Sign Up button down to the right of my navigation bar so that the Login link lines up with the right side with the Sign Up button just to the left. I am trying to make the buttons align just like they are on this site, if it makes any since.

Thanks.

Mon, 4 Jan 2016 1:27:25

Milan
- WordPress Wizard
- 716 pts: Hero points 4,410 pts: Rep. points LEVEL 21
Hello @Alex,

I hope you are having a good day and thanks for asking. :slight_smile:

Please try out this css.
```
#menu-item-4858, #menu-main > li:last-child{

float: right;

}
```
You can use this nice css plugin for managing css code snippet like above one,

https://wordpress.org/plugins/simple-custom-css/

I am trying to make the buttons align just like they are on this site, if it makes any since.

It seems to me that you forgot to include link. If above code doesn’t satisfy your requirement then Could you please refere it again so that I can check what look of navigation bar you want to achieve on your site.

Cheers,

Milan Savaliya.
Alex Stine
- System Administrator
- 1,205 pts: Hero points 5,087 pts: Rep. points LEVEL 23
Hello,

The Site: https://wpmudev.org

Now all I need is the Sign Up link over with the Login button and it will be perfect.

Thanks.
Milan
- WordPress Wizard
- 716 pts: Hero points 4,410 pts: Rep. points LEVEL 21
Hello @Alex,

Hope you are doing well. :slight_smile:

For some reason normal id reference is not working to target some of the menu items. Could you please try out this one in place of above css snippet.
```
#menu-main > li:last-child{

float: right;

}



li#menu-item-4858.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4858{

float: right;

}
```
Let me know how it goes.

Cheers,

Milan Savaliya.
Alex Stine
- System Administrator
- 1,205 pts: Hero points 5,087 pts: Rep. points LEVEL 23
OK, the above CSS worked for the Login and Sign Up buttons, however, the Edit Profile link still needs to be to the left of the Sign Out button, can you please give me some CSS for that? You must Login to see it, support access is enabled.

Thanks.
Alex Stine
- System Administrator
- 1,205 pts: Hero points 5,087 pts: Rep. points LEVEL 23
BTW: I was not suppose to keep this CSS code right?
```
#menu-item-4858, #menu-main > li:last-child{
```
Thanks.
Milan
- WordPress Wizard
- 716 pts: Hero points 4,410 pts: Rep. points LEVEL 21
Hello @Alex,

Hope you are doing well. :slight_smile:

Yes you can surely remove css snippet which I’ve given you in my first reply and keep this one,
```
#menu-main > li:last-child{

float: right;

}



li#menu-item-4858.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4858{

float: right;

}
```
Furthermore you can play around these as these are just menu selectors. :slight_smile:

Cheers,

Milan Savaliya.
Alex Stine
- System Administrator
- 1,205 pts: Hero points 5,087 pts: Rep. points LEVEL 23
Hello,

The Edit Profile link has still not moved to the right where the login button is. Here is a screenshot.

Thanks.

[attachments are only viewable by logged-in members]
Luís Lopes
- QA
- 1,658 pts: Hero points 13,543 pts: Rep. points LEVEL 28
Hi @Alex,

I hope had been good today!

Try this CSS code, please:
```
.menu-item-4888 {

float: right !important;

}
```
Cheers, Luís
Alex Stine
- System Administrator
- 1,205 pts: Hero points 5,087 pts: Rep. points LEVEL 23
Thank You both :slight_smile: Problem fixed.

How do you rate me?

Thank you for rating your experience!