Change color mobile menue

Hello,

I hope you can help me. When I change the color of the “Top level menu items” in the customizer, the color is also set as color for the items in the mobile menu which are not active.

How can I change the color for the sites in the mobile menu which I haven’t selected?

Thank you in advance!

Best regards

Hi,

Thank you for contacting us about our theme, Airi.

You can manage the mobile menu color separately with this simple CSS code:

    @media only screen and (max-width: 1199px) {
      .site-header .main-navigation ul li a { 
        color: #ff0000 !important;
      }
      .site-header .main-navigation ul li a:hover { 
        color: #fff000 !important;
      }  
    }

And add it to your website’s Addittional CSS, that is located under the Appearance > Customize menu.

I hope that helps.

Regards,
Kharis
aThemes Support

1 Like

Thank you!! Now it works :slight_smile:

1 Like

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
aThemes Support