Format Icon and text for Hamburger menu

  • Resolved mattspaur

    (@mattspaur)


    3 years, 4 months ago

    I’m sure there’s a simple answer here, but I’m not finding it.

    My mobile menu button has white text and icon color on a white background, meaning the button looks like a white box. I’ve tried all sorts of permutations with the button.menu-toggle selector but I’m getting nowhere.

    Can you give me a hand?

    The page I need help with: [log in to see the link]

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

  • Hi, @mattspaur!

    Sorry we missed your post here. I just checked your site, and I’m seeing the following menu button now on mobile:


    Link to image: https://d.pr/i/XYMH75

    Are you still having issues? If yes, please give us steps on how to reproduce the issue and we’ll help you look into this.

    Thread Starter mattspaur

    (@mattspaur)

    Thanks Cara–I eventually found a suitable resolution.

    dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hey @mattspaur

    I eventually found a suitable resolution.

    I appreciate you letting us know!

    If you’re able to share your solution with the community, please do. Otherwise, do mark this thread as resolved.

    Thanks,

    Thread Starter mattspaur

    (@mattspaur)

    My solution was to just change the background to black, instead of changing the other elements in the menu to a different color. Plus, added a hover color to be consistent with the main nav.

    /* styles mobile menu text color */
    button.menu-toggle {
    background-color: black;
    }

    button.menu-toggle:hover {
    color: #E5DAB7;
    background-color: black;
    }

    Thread Starter mattspaur

    (@mattspaur)

    This is now resolved.

    Fantastic @mattspaur

    Thanks for sharing the solution!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Format Icon and text for Hamburger menu’ is closed to new replies.