Menu position

Yes, this can be done. However, if you align a single item to the right then you’ll have to also align the dropdown and dropdown text for that item so its doesn’t overflow. Assuming you still want the design to look neat and tidy.

Try the following code. Add this to the style.css file in your themes child-theme:

.main-menu li:last-child {
float: right;
}
.main-menu li:last-child ul.children {
right: 10px;
left: auto;
}
.main-menu li:last-child ul.children a {
text-align: right;
}

See how you find that. You can obviously adjust the styles to match what you want, but this should be a starting point.

Afzaal

Thanx a lot,

And what happen for multiple items? Can be align to the right also?

Cheers.

Assign a name to the class name (to do that, go to Menus – Screen Options and check CSS Classes, expand the menu and input a name in CSS Classes combo) and add this code:

li.class-name {
float:right!important;
text-indent: -9999px;
margin:4px;
}