Your cart is currently empty!
Written:
To modify the screen size at which the WordPress Gutenberg Navigation Block switches over from displaying a list of menu items to displaying a collapsed mobile menu – the following code (added as custom CSS to your theme) will do the trick for you.
This code changes the breakpoint from 600px to 1000px. This affects only the Navigation block ).
Clean. Concise. Simple.
@media ( min-width: 1000px ) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
}
}
@media ( min-width: 600px ) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}
Subscribe To
Inbox Posts Like This
MORE FROM THESE tags:
About The Author:
Enjoy This Post?
If you’ve enjoyed this post – consider a show of support with a WebMention from your own website, by subscribing to a membership plan, by sending a one-time donation, or if you’re old school – by leaving a traditional post comment down below!
Notifications
Leave a Reply