Main nav menu colour change

Hi,

I’ve been using Elementor to build my site and used their nav bar option, however due to a plugin I cant use it on one specific page. I’d like to change the menu backgroun colour on this page https://smoothautosalesltd.com/listings/

I’ve tried a few CSS recommendation on this forum but not having much luck. Any help would be greatly appreciated.

Many thanks

Hi,

Thank you for contacting us about our theme. I am happy to help out.

Can you try adding this CSS code to Appearance > Customize > Additional CSS from dashboard and change the hex color value of your choice?

    .main-navigation ul.menu a:hover {
      color: #fff000;
    }

Regards,
Kharis
aThemes Support

Hi Kharis,

Many thanks for your prompt response.

This has changes the text hover colour, it was actually the main header colour I was looking to change?

Thanks
James

Hi James,

Try this CSS code:

    .menuStyle1 .site-header {
      background-color: #4A1A4E;
    }

Regards,
Kharis
aThemes Support