[Resolved] How to change the color of the Off Canvas Menu strip and "Menu" font color?

Home Forums Support [Resolved] How to change the color of the Off Canvas Menu strip and "Menu" font color?

Home Forums Support How to change the color of the Off Canvas Menu strip and "Menu" font color?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1159458
    Yang

    Hi,

    I am developing my site with GP Premium 1.9.1.

    I am using the Off Canvas Menu Overlay. But I want to change the color of the menu strip (the three white lines) on my desktop and also the font color “Menu” on mobile?

    What CSS should I add for this?

    Thanks!

    #1159792
    Leo
    Staff
    Customer Support

    Hi there,

    This CSS should change the toggle on desktop only:

    @media (min-width: 769px) {
        .slideout-toggle:not(.has-svg-icon) a:before {
            color: #000000;
        }
    }

    Then this CSS should change the mobile menu label:

    span.mobile-menu {
        color: #000000;
    }

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

    Let me know if this helps ๐Ÿ™‚

    #1160062
    Yang

    Hi Leo,

    Thanks! This works.

    How could I change the color of toggle on the Mobile as well?

    #1160090
    Leo
    Staff
    Customer Support

    If you want to use the same color for the toggle and the label then this should work:

    button.menu-toggle {
        color: #ffffff !important;
    }
    #1160103
    Yang

    Thanks Leo! This works now.

    #1160122
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.