Sub Menu Active Item Color

- 7 years ago dsmith
  Participant
  
  Expired
  
  Would it be possible to keep the menu item blue, but make the sub menu items white even when they’re active?
  
  Here’s the element code + screen shot. Thanks!
  
  <li id=”menu-item-3903″ class=”menu-item menu-item-type-custom menu-item-object-custom current-menu-item” data-bg=””>Monitoring Services
- 7 years ago Mirela
  Participant
  Hello,
  
  Yes, add this code into your custom css box to make the current active sub-menu item font color white:
  
  nav li.current-menu-item > a { color: white !important; }
  
  Keep in mind that the drop-down menu font is styled in General Options > Header Options > Dropdown Options & Mobile Menu.
  Let us know.
  
  Best regards!
- 7 years ago dsmith
  Participant
  
  Expired
  
  Mihaila,
  
  The CSS also made the main menu item white. Is it possible to only make the sub menu items white? Or, just those the two menu items 3903 & 3904?
  
  Thanks!
- 7 years ago Mirela
  Participant
  Hello,
  
  Yes, you can. Please edit the code to this:
  
  nav .menu li ul.sub-menu li.current-menu-item > a { color: white !important; }
  
  Let us know.
  
  Best regards!
- 7 years ago dsmith
  Participant
  
  Expired
  
  That worked, thanks!

Viewing 4 reply threads

You must be logged in to reply to this topic.