Colour of the Menu button in Phone view

Home Forums Automattic Small Business Colour of the Menu button in Phone view

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #164199 Resolve

    anyshore
    Member

    Hi,

    how can I change the colour of the Menu button in Phone view?
    By default it’s yellow / brownish.

    Thanks,
    Marcus

    #164204

    Kathryn P.
    Happiness Engineer

    Hi Marcus, this CSS will change the background colour of the menu toggle and other buttons:

    .menu-toggle, #infinite-handle span, .hero-area .button, button, input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited {
      background-color: #bb00bb;
    }

    Change the test purple colour code to whatever you like.

    If you prefer to target only the mobile menu toggle, you can use this instead:

    .menu-toggle {
      background-color: #bb00bb;
    }
    #164209

    anyshore
    Member

    Thank you Kathryn. It worked to change the colour of the button when the site gets loaded, as soon as I click on the button, the colour changes back to the original though.

    #164212

    Kathryn P.
    Happiness Engineer

    Try removing what I gave you before and using this instead:

    .menu-toggle, .menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
      background-color: #207BB9;
    }
    #164404

    anyshore
    Member

    Hi Katryn,just realized that I haven’t thanked you for the above. It worked just fine.
    Thanks!

    #164406

    Kathryn P.
    Happiness Engineer

    Great, thanks for letting me know!

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

You must be logged in to reply to this topic.