x
If the you would like to have the WordPress to display only the hamburger menu on all size devices.You can use custom CSS to hide the desktop navigation and reveal the mobile navigation at all screen widths with css either globally or with your theme’s CSS.
Add to a CSS file:
Add Custom CSS
Go to Appearance > Customize > Additional CSS (or use your theme’s style editor) and add the code below.css/* Hide the standard desktop navigation menu *
/* Hide the standard desktop navigation menu */
display: none !important;
.site-navigation .main-menu,
.nav-menu,
#site-navigation ul {
Force the mobile hamburger button to stay visible.
/* Force the mobile hamburger button to stay visible */
.menu-toggle,
.hamburger-menu,
.mobile-nav-toggle {
display: block !important;
}