fontawesome icons size increase on hover in menu
-
Topic
-
I like the idea of using font-awesome icons in menus. I followed this features page to make place them in the menu.
http://www.themeblvd.com/demo/jumpstart/features/bootstrap-integration/menu-integration/Then I wanted the fontawesome menu icon to increase in size when hover over.
I added this CSS:
#primary-menu>li>a:hover .sf-sub-indicator, #primary-menu>[class^=”menu-icon-“]> a:hover [class^=”icon-“] {
line-height: 1em;
font-size: 1.5em;
}It works, but the state does not persist when a child drop-down menu is hovered over.
I have tried to figure out how to apply this CSS to the li or the ul, but I am stuck.
Seems like a good addition to the forums…
Can you help?
Thanks,
-SS
- You must be logged in to reply to this topic.