Keep the Mobile Menu on Desktop

What does this code do?

This code snippet will allow you to hide the desktop navigation and force the mobile menu to display instead.

Note: Want the mobile menu to only display part way across the screen? Change the width of the mobile menu with this code snippet.

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Mobile Menu on Desktop */
.header-nav, .header-actions{
  display: none;
}
.header-burger, .header-menu {
  display: flex;
}
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}

How To Use It

1. Copy and paste the code as indicated above.