How to change colour of menu font

Hi there,

I am sorry for this question, as I I am sure I knew how to do this, but I have made so many changes to the coding that I have lost track :frowning: I just want to find out how to change the menu colour from #ff8800 to #f00000

This is what it looks like currently:

The URL is: www.no1va.com

Many thanks for all your help and patience it is so much appreciated

Best,
Mel

Hello Mel,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {
      .main-navigation ul.menu > li > a {
        color: #f00000 !important;
      }
      .main-navigation ul.menu > li > a:hover {
        color: #fff000 !important;
      }  
    }

Regards,
Kharis

Hi Kharis,

You are pretty much the reason why I use Athemes :innocent:

Thank you so much

Best,
Mel

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Thanks,
It is working.
Now, how can I give active menus a different font color

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .main-navigation ul.menu .current-menu-item > a {
      color: #ff0000 !important;  
    }

Regards,
Kharis

Thanks Kharis, it worked like charm

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis