Mobile Menu color issues

Hi there,

We are having issues with the mobile menu colors being difficult to see. We’d like to change the background color of the menu to white so the menu items are easier to read. You can view the website here.

Thanks in advance for your support in fixing this.

Hi,

You can change it by adding this CSS code below to Customize Additional CSS:

@media (max-width: 1024px){
    nav#site-navigation {
        background-color: white;
   }
}

Regards,

Thanks so much!

Is there also a way to change the color of the text upon click? It currently turns pink and we’d like it to turn to #25b2fa if that’s possible…

Sure,

Change the code above with this:

@media (max-width: 1024px){
    nav#site-navigation {
        background-color: white;
   }
   .main-navigation ul li a:hover{
       color: #25b2fa;
   }
}
1 Like