Update colour of menu hover/selected links

Hi all,

I’m trying to update the colour of hover/selected menu items in mobile from the default pink to another colour.

Anyone know where I can find that setting?


Hi S,

Please try to add this code to Customize > additional CSS:

@media (max-width: 1199px){
  .main-navigation ul li a:hover,
  .main-navigation ul li.current_page_item > a,
  .main-navigation ul li.current-menu-item > a,
  .main-navigation ul li.current_page_ancestor > a,
  .main-navigation ul li.current-menu-ancestor > a {
    color: yellow;


This worked! Thanks heaps!

1 Like