References: proudcity/wp-proudcity#2811
app/pattern-scss/_navbar-header.scss— removed drop-shadow hover stylesapp/pattern-scss/_navbar.scss— removed drop-shadow hover styles
On mobile (< 911px), the hamburger and action toolbar no longer pin to the bottom of the viewport. They are now rendered beside the logo in .navbar-header-region.
Changes in _navbar.scss:
- Split the combined
#main-menu, .menu-boxfixed-bottom rule —.menu-boxand.menu-buttonare now hidden inside.navbar-externalat$mq-nav-xs-mode - Added
.menu-close-btnstyles: hidden by default, shown fixed at top-right whenmenu-nav-openis active, white colour
Changes in _navbar-header.scss:
- Added
.header-region-menu-box { display: none }default - Added
$mq-nav-xs-modeblock: flex layout on.navbar-header > .container, shows.header-region-menu-boxbeside logo, applieshamburger-icon-animatewith reduced height (28px) for the header button, adds "Menu" label colour with light/extra-light background variants, addsmenu-nav-openactive state for hamburger-to-X animation - Added phone-size logo shrink at
max-width: 480px
References: proudcity/wp-proudcity#2757