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
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
Комментарии отсутствуют
Информация о видео
28 января 2022 г. 19:42:27
00:11:08
Другие видео канала