Tagged: menu
- This topic has 4 replies, 2 voices, and was last updated 11 years ago by
Sakin.
-
AuthorPosts
-
February 8, 2014 at 11:01 pm #20139
pemca
MemberHi,
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
DenmarkFebruary 8, 2014 at 11:48 pm #20144February 9, 2014 at 12:09 am #20145pemca
MemberThanks, Sakin
/Peter
February 9, 2014 at 2:09 am #20146pemca
MemberHey, 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;
}February 9, 2014 at 9:26 am #20157 -
AuthorPosts
- The topic ‘right allign some menu items’ is closed to new replies.