Force Mobile Navigation on Desktop (7.1)

To go for a cleaner, more minimalistic look, you might want to make the mobile navigation display on all screen sizes. To force the mobile menu on desktop, you can use the code below.

Put the code below into Design -> Custom CSS:

@media screen and (min-width: 1px) {
  .header-layout-nav-right .header-nav-list {
      display: none;
  } 

  .header-burger {
      display:flex;
  }
  
  .header--menu-open .header-menu {
      opacity: 1;
      visibility: visible;
  }
}
Mali King

I’m a Squarespace expert who has designed hundreds of websites over the course of 4+ years! I love working with small businesses and entrepreneurs to create beautiful, functional websites that stand out from their competition and attracts clients.

https://clementinedesign.studio
Previous
Previous

Show Button on Mobile in Navigation (7.1)

Next
Next

Autofill the Country in Address Form Field