Tagged: menu
- This topic has 4 replies, 2 voices, and was last updated 10 years, 9 months ago by Sakin.
-
AuthorPosts
-
February 8, 2014 at 11:01 pm #20139pemcaMember
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
DenmarkFebruary 8, 2014 at 11:48 pm #20144February 9, 2014 at 12:09 am #20145pemcaMemberThanks, Sakin
/Peter
February 9, 2014 at 2:09 am #20146pemcaMemberHey, 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.