[Resolved] Modify Mobile Menu Icon Color

Home Forums Support Modify Mobile Menu Icon Color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1231834
    Patrick

    I have built several sites with GeneratePress but I just don’t see where to modify the Menu icon (with 3 lines) for the mobile menu. Do we have to add custom CSS everytime we need to colorize this menu? I would think/hope there is a basic setting I am overlooking. I do not see a setting for Mobile Menu Icon or something similar under colors.

    In looking through my previous design CSS files I see this coding:
    button.menu-toggle:hover {color: #004fa3;}

    Surely, this simple task to colorize the menu icon (and hover) is directly build into GeneratePress? What am I missing?

    #1231915
    Leo
    Staff
    Customer Support

    Hi there,

    The menu icon should inherit the menu text setting in Color > Primary Navigation.

    We haven’t had too many requests on this before so I’m not sure if it’s worth an option.

    You can use this CSS to change it if you want it different than the primary navigation color:

    button.menu-toggle {
        color: #000000;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know if this helps 🙂

    #1232004
    Patrick

    Thanks for the reply Leo. In all my designs (I believe I have 7 – 9 sites with you), I like the plain Menu button to be a different color for the full menu versus the icon. Especially if you add a background color to your menu. Strange no-one has asked before. Oh well, I will just keep using CSS. Appreciate your feedback.

    #1232781
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.