[pemca]

Hi,
Is it possible to right allign some menu items ?

Example : menu-item1 to 3 is left alligned and
menu-item4 are right alligned.

menu-item1 menu-item2 menu-item3 –> menu-item4

thanks,
Peter
Denmark

[Sakin]

@pemca: Sorry this option is not there. You need to hire customizer and work on it.

[pemca]

Thanks, Sakin

/Peter

[pemca]

Hey, I found a solution 🙂

Solution : Find the menu-item you want to move

To locate the unique ID, open the navigation menu, and either:

First : locate the menu-item ID by

Hover over the dropdown arrow on the right in the header, and inspect your browsers statusbar, or
click to open the menu item for details, and hover your mouse over the “Delete” and “Cancel” link.
Again, inspect the browsers status bar to find the menu item ID.

Insert in Custom CSS

/* the menu-item you want to the rigth */

#header-menu ul.menu li.menu-item-77 {
float: right;
}

/* rest of the menu to the left */

#header-menu ul.menu {
list-style: none;
padding-left: 0;
text-align: left;
}

[Sakin]

@pemca: Wow, I didn’t knew that you are so good at CSS and inspect element. Congrats 🙂

[Author]

Posts