Mobile View – White Menu Toggle

  • Author
    Posts
  • #148830

    Hello,

    I have changed the header colour of our website to white, but now in mobile view the toggle symbol doesn’t show up against the white background. Is there a way to change the colour of the toggle symbol to black?

    Thank you for your help.

    The blog I need help with is: (visible only to logged in users)

    #148893
    emilysuesrq
    Theme Author

    Hello, you can add the following style, which should achieve this (in the Additional CSS section of the customizer):

    @media screen and (max-width: 767px) {
    .menu-toggle i {
       color: black;
    }
    }
    #148948
    urbanagscientist
    Member
    Original poster

    Hi Emily,

    I copied this code into the CSS section of the customiser, but it doesn’t seem to have worked. The button and the toggle symbol still appear white in mobile view.

    Is there any other possible code to change this?

    Thanks for the help!

    #149026
    emilysuesrq
    Theme Author

    Hello, please try this instead:

    .menu-toggle::before {
       color: black !important;
    }

    I hope that helps, let me know.

    #149030
    urbanagscientist
    Member
    Original poster

    Hi Emily – that worked perfectly thank you!

    #149179
    emilysuesrq
    Theme Author

    Great! You’re welcome :)

  • The topic ‘Mobile View – White Menu Toggle’ is closed to new replies.