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
    Posts
  • ianantwalks

    Hello.

    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.

    natsu

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

    natsu

    I found another one somehow displaying differently on Safari.
    .fa-sign-in-alt::before{color:white;}

    ihordeveloper

    Thanks @natsu

    You can also try using this one:

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

    ianantwalks

    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.

    Regards.

    natsu

    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.

Subscribe

Sign In

Don't have an account? Register

Forgot password?

Register

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.