Change color of the hamburger menu on mobiles

  • Hi,

    I tried to search the forum, but I did not find a satisfactory answer for the following. As the website logo has white background and I want to use it on the mobile phones, I would like also the background of the hamburger menu on mobiles to be white. However, then the menu icon is invisible (the same goes for an ‘X’ icon to close the menu when it is opened). I managed to change the color of the menu text on scroll, but cannot figure out how to change the background of the menu icons.

    My website: https://www.skmbrussels.be.

    Any ideas are welcome!

    Best regards,

    Vladimir

    • This topic was modified 7 years, 8 months ago by vsolanic.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello vsolanic,

    To make the change you want you can achieve this using custom css. Please add the following custom css to your site via either a child theme or directly from the theme options panel under General Settings -> Custom CSS:

    .ham__navbar-toggler-two {
background-color:#2e88c4 !important;
}

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter vsolanic

    (@vsolanic)

    Hi,

    many thanks for your promptness. This indeed also does the trick. I wanted though in fact to keep the background white and change the color of the hamburger and ‘X’ icons from white to black or any other color. Is there an easy way to do it?

    Thank you!

    Vladimir

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change color of the hamburger menu on mobiles’ is closed to new replies.