Use a different MENU on MOBILE with the Navigation block in WORDPRESS block editor

🔔🔔🔔🔔 UPDATE: NEW RESPONSIVE NAVIGATION MENU PLUGIN 🔔🔔🔔🔔

https://youtu.be/R5kzAaEsDMg

https://wordpress.org/plugins/getdave-responsive-navigation-block/

There's now no need to implement this technique yourself. Just download the above Plugin and activate on your site and you will have two new blocks available for:

- Mobile Navigation
- Desktop Navigation

---------------------

I show you how you can display a different menu on "mobile" than you on "desktop" using the Navigation block in WordPress 5.9 full site editing.

This requires some CSS which I have left below:

/* CUSTOM RULES */

@media ( min-width: 782px ) {
.wp-block-navigation.nav-primary--mobile {
display: none;
}
}

@media ( max-width: 781px ) {
.wp-block-navigation.nav-primary--desktop {
display: none;
}
}

Issue - https://github.com/WordPress/gutenberg/issues/38201

What is CSS? - https://developer.mozilla.org/en-US/docs/Web/CSS

Theme Stylesheet in WordPress - https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/

Видео Use a different MENU on MOBILE with the Navigation block in WORDPRESS block editor канала Dave on WP