Menu Setup

Hi Muzz,

You can try adding the following code to your Admin Panel > Appearance > Customize > Additional CSS field:

#header .menu > li.current_page_item > a span, #header .header-links > ul > li > a  {
  color: grey !important;
  box-shadow: none !important;
}

#header .menu > li a:hover {
  background: #5997ef!important;
  box-shadow: inset 0 3px 0 0 white !important;
  color: #ffffff !important;
}

Thanks!

Hi, thanks so much for your reply.

Unfortunately that didn’t work.
It doesn’t appear to change anything unfortunately.

Regards

Hi Muzz,

The code is working fine, you just have set the blue color:

https://prntscr.com/hzu2e4

Thanks!

Hello,
Thanks you so much for your help so far.
There are just 2 remaining changes I would like to make:

When selecting the menu option with a sub menu, as soon as you scroll over the sub menu, the Parent Font is red. Could you tell me how to keep that as the same blue.
https://prntscr.com/i001aa

Secondly, Could you tell me how to change the font color when hovering over the Active page. For the non-active pages the font is white with blue background which is perfect, but I’d like this to be the same when hovering over the Active page.
https://prntscr.com/i00278

Many thanks in advance

Hi Muzz,

Here’re the two codes:

#header .menu > li.current_page_item > a:hover span {
  color: yellow !important;
}

#header .header-links li:hover span {
  color: blue !important;
}

Thanks!

Thanks,
Looks like it’s almost working, but still seems to be an issue with red showing if you click on one of the sub menu options.
From the website, if you click one of the sub menu options for ‘Areas Covered’ e.g. Oxford, you will see that the ‘Areas Covered’ font is then red afterwards.

Also, on the page that you have selected, when you hover over, it is still grey.
E.g. if you click on ‘Home’, and then hover over ‘Home’ it is grey instead of White like the other menu headers.

Thanks so much for your help so far.