Free Directory, Listing & Classifieds WordPress Plugin Support General HivePress CSS code to change colour of mobile menu icon to white

CSS code to change colour of mobile menu icon to white

  • Author
  • ianantwalks


    I have used a CSS editor plugin to set my header background from white to black. This obviously makes any menu text in the header invisible until I use CSS again to change it to white text.

    Everything looks fine on desktop, but, on mobile, the menu icon isn’t there because the header background is now black and the mobile menu button is now invisible.

    Does anyone know the CSS to turn the mobile menu icon to be white?

    Many thanks.


    Hello @ianantwalks
    How about this one?
    .fa-bars:before {color:white;}


    I found another one somehow displaying differently on Safari.


    Thanks @natsu

    You can also try using this one:

    .header-navbar .hp-icon {color:#fff}


    Thank you @ihor and @natsu.

    I actually had to use both of your pieces of code to achieve what I wanted.

    This can be closed now.



    Thank you @ihor and You’re welcome @ianantwalks

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.


Sign In

Don't have an account? Register

Forgot password?


Already have an account? Sign In

Forgot password?

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.