search

tomusborne / generatepress

453 stars 89 forks source link

3.3.0 Bug: Mobile Menu Toggle Alignment when Navigation Location is set to Below Header #523

Closed leohsiang closed 1 year ago

leohsiang commented 1 year ago

The mobile menu toggle no longer aligns center when the Navigation Location is set to Below Header.

This CSS:

.has-menu-bar-items button.menu-toggle {
    flex-grow: 0;
}

is overwriting this CSS:

button.menu-toggle {
    background-color: transparent;
    flex-grow: 1;
    border: 0;
    text-align: center;
}

References: https://www.screencast.com/t/dUqD9X3RQ https://generatepress.com/forums/topic/centering-mobile-hamburger-menu/