tomusborne / generatepress

453 stars 89 forks source link

Feature request/improvement: A way to overwrite default menu toggle background color without CSS #521

Open leohsiang opened 1 year ago

leohsiang commented 1 year ago

Currently, this is the default style added by the free theme:

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0.02);
}

Reference: https://www.screencast.com/t/jVmRvLCdx

This option can be overwritten by selecting ANY colors for the Navigation Background EXCEPT for #fff: https://www.screencast.com/t/Cx3a5EO7ludy https://www.screencast.com/t/TdJ5ec44HVz

So there isn't an option that allows the user to remove background-color: rgba(0, 0, 0, 0.02); if desired.

Reference topic: https://generatepress.com/forums/topic/background-color-of-mobile-menu-different-than-desktop/