Snippets: Display Mobile Menu Always & Hide Default Menu

This snippet allows you to hide the default menu completely and show only the mobile menu for all screen sizes in the Total WordPress theme.

Important: Since Total 5.0+ you can simply enter 9999 into the Mobile Menu Breakpoint setting in the Customizer to accomplish the same thing without any code!

/* Display Mobile Menu Always & Hide Default Menu */
#site-navigation { display: none !important; }
#mobile-menu { display: flex !important; }
All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.