Tagged: menu-item
-
AuthorPosts
-
June 19, 2014 at 8:54 pm #281359
Perhaps this is because it’s more difficult than I would’ve expected (I’ve highlighted active menu items before on lots of other sites), I can’t for the life of me figure out why the “portfolio’ menu item will not show orange when selected
http://dev.kimkirbyinteriordesign.com/portfolio/– all the other top level menu items work? It would also be great to highlight the active sub menu item as well. So far, based on tests and researching past posts in this forum I’ve come up with the following CSS to get me where I am presently…
#top .header_color .current-menu-item a { color:#ff8500!important; } .current_page_ancestor.active-parent-item > a { color: #ff8500!important; } .current_page_ancestor.active-parent-item > .sub-menu { background-color:#FFF!important; } #top #wrap_all .sub-menu { color:#052465!important; background: #FFF!important; } #top #wrap_all .avia_mega_div { color:#052465!important; background: #FFF!important; } #top .main_menu .menu ul li a { background: #FFF!important; color: #052465!important; } #top .main_menu .menu ul li a:hover { background: #FFF!important; color: #ff8500!important; }Any help is appreciated!
June 19, 2014 at 8:58 pm #281364Hi lzevon!
Please add following code to Quick CSS
.header_color .main_menu ul:first-child > li.current_page_item > a { color: #ff9900!important; }Cheers!
YigitJune 19, 2014 at 9:37 pm #281393Thanks Yigit. I deleted the page titled ‘portfolio’ and created a new page called ‘examples of our work’ and then added it back to the menu and changed the label to ‘portfolio’ and it works. Seems to be an odd issue whereby if the page name is portfolio, it associates itself with the previous menu item. I have no idea why?!
June 19, 2014 at 9:39 pm #281395 -
AuthorPosts
- The topic ‘Active menu color works on all but one menu item’ is closed to new replies.
