Change colors of menu on phones


#1

on phones the menu is not showing background is white, and fonts are white
I’m trying to change the colors off the menu (airi) i added to start with to additional css:

div.btn-menu {
    color: green!important;
}

no changes


#2

Hello there,

Try this CSS code:

    @media (max-width: 1199px) {
      .menuStyle3 .mobile-menu-toggle_lines,
      .menuStyle3 .mobile-menu-toggle_lines:before, 
      .menuStyle3 .mobile-menu-toggle_lines:after {
        background-color: #ff0000;
      }
    }

Regards,
Kharis


#3

hm i added this to css but ni difference.

srange think is . the menu won’t show in the header, i know it is there so i know where to click.
but it opens with white background and white fonts. The one choosen becomes red.


#4

Hello there,

Share the link to your site here, please. So I can check and provide you with the exact code to use.

Regards,
Kharis


#5

mooie.stb-webdesign.nl

thnx sofar


#6

Hello there,

I found dark color applied. It makes it invisible as the header bar is dark too. Probably blue will work for you? Try this code:

    @media (max-width: 1199px) {
      .menuStyle1 .mobile-menu-toggle_lines,
      .menuStyle1 .mobile-menu-toggle_lines:before, 
      .menuStyle1 .mobile-menu-toggle_lines:after {
        background-color: #007bff;
      }
    }

Regards,
Kharis


#7

Hello

This works just fine for me. Thank you very much

regards
willem


#8

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