Changing color in the mobile menu

When I change color of menu in the colors of header, color will not change in other devices(tablet, mobile). How can I change color?
Best regards, Peter

Hello there,

Mobile menu color has special design so that the color unchanged. You should use extra CSS code to adjust it yourself. For example:

    #mainnav-mobi {
      background-color: #ff0000;
    }

    #mainnav-mobi ul > li a {
      color: #fff000 !important;
    }

Add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

No, no. Maybe I was wrong to say. I need to change the background of the logo only… :slight_smile:

Try this code:

    @media only screen and (max-width: 1024px) {
      .site-header {
        background-color: #fff000 !important;
      }
    }

Regards,
Kharis

Ok, Thank you very much, works. When I set white background, I dont see button of menu. Is it possible change color of this button?

Yes, it’s possible. What you need to do is to add this CSS code:

    .btn-menu {
      color: #ff0000;
    }

Regards,
Kharis