My client wants a block of colour to show round each menu item on hover. I've looked around the web for instructions, but it's not working for me.
Responsive template, J2.3.2
www.leadbetters.co.uk/newsite
Can anybody point me in the right direction?
Thanks
Ian

Try

#navwrap ul.nav > li > a:hover,
#navwrap ul.nav > li .separator:hover
{background:red;}

using your colour value

Cheers
Paul

As usual add to the custom.css file

Cheers
Paul

Thanks again Paul. My CSS skills seem to be getting even worse.
And if I wanted it to be the same colour when it's active?
Ian

CSS is all about learning and keeping working at it

You have a custom styling setting the background to none for active

#navwrap ul.nav > li.active > a, #navwrap ul.nav > li.active .separator { background: red; }

change it so you have the active colour added

Cheers
Paul

Found it. I'll have to do some tweaking.
Thanks again for your help Paul.
Ian

No problem

Cheers
Paul