Tagged: menu-item
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!
Hi lzevon!
Please add following code to Quick CSS
.header_color .main_menu ul:first-child > li.current_page_item > a {
color: #ff9900!important;
}
Cheers!
Yigit
Thanks 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?!