Active color menu

Add this to your “Additional CSS” section:

/* Adds Active Link Color */
.current-menu-item,
.has-child > .current-menu-ancestor {
  color: red;
}

Change the color to suit.

Hope this helps.

THANK YOU

I couldn’t edit my previous reply.

The .has-child > .current-menu-ancestor doesn’t change the color of the link if you have a submenu. This is the correct code if you are using sub-menus:

/* Adds Active Link Color */
.current-menu-item,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content.current-menu-ancestor {
  color: red;
}

Thanks for the additional information

Hi @hikinmike – your response here was just what I was looking for as well, so thanks for that. Wondering if you might have thoughts on a weird issue I’m having where only 3 of my 6 nav items are responding to the additional css active color instructions. I’ve checked my page/nav settings and don’t see anything amiss. I also deactivated all of my plug-ins in case they were interfering, but no change. Thanks in advance for any insight you might have (My site is not externalized yet).

Sorry, no idea @ahayflick, especially without seeing your site.

Ok, appreciate your quick response though @hikinmike!