menu current color with child

7 posts from 3 voices

• Started 3 months ago by brouge
• Latest reply from brouge
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   brouge
   Member

   hi really like the theme so far and after some customizations only one thing i cannot achieve.
   i'd like to have the parent menu item highlighted when you click on a child or grandchild page.
   structure is this:
   - parent
   -- child
   --- grandchild

   so far the current highlighting in the main menu is only supported for parent pages.
   best regards
   thomas

   Posted 3 months ago #
2. 

   Dude
   Dude

   Hi,
   add following code to css/custom.css and change the color values if required:

   .current-menu-item > a {
   color: #FD8D38;
   }
   
   .main_menu li.current-menu-parent a, .main_menu li.current-menu-ancestor a{
       color: #FD8D38 !important; /* highlight color */
   }
   
   .main_menu li.current-menu-parent ul li.current-menu-item a, .main_menu li.current-menu-ancestor ul li.current-menu-item a {
       color: #FD8D38 !important; /* highlight color */
   }
   
   .main_menu li.current-menu-parent ul li a, .main_menu li.current-menu-ancestor ul li a, .main_menu li.current-menu-item ul a{
       color: #A2A2A2  !important; /* default nav link color */
   }

   Posted 3 months ago #
3. 

   brouge
   Member

   dude, this is working good when i chose a page from the main navigation menu.
   now i need it to work also with the cool sidebar menu (with the little arrows), whenever i change something there the highlighted menu item in the main nav dissappears.

   Posted 3 months ago #
4. 

   Devin
   Moderator

   Hi Thomas,

   Can you link us to an example? The main navigation is only able to be active if the wordpress code recognizing the current page as a child is active. If it isn't there isn't really a way for the menu to be "active" on that page.

   Regards,

   Devin

   Posted 3 months ago #
5. 

   brouge
   Member

   the site is http://www.it-findik.net
   check out http://www.it-findik.net/leistungen/edv-systembetreuung/administration
   it's a grandchildpage from leistungen, but leistungen is not highlighted.
   regards

   Posted 3 months ago #
6. 

   Devin
   Moderator

   Give this a try:
   

   #top .main_menu .menu li.current-page-ancestor a strong {
   color: #C00;
   }

   Just use your correct highlight color that you want for the color.

   Regards,

   Devin

   Posted 3 months ago #
7. 

   brouge
   Member

   very nice - thanks devin!

   Posted 3 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.