You can add these code to Home > Design > Custom CSS to remove Hamburger Menu on Squarespace 7.0 and Squarespace 7.1.
- Adding !important to after, if CSS doesn’t work! for example: font-size: 20px !important;
- Send me a message if you have any questions/the code doesn’t work (free).
- You can send a donation if this is helpful for you 😉
In this post
Adirondack
/* desktop burger */ a#desktopMenu { visibility: hidden !important; } /* mobile burger */ a#mobileMenu { visibility: hidden !important; }
Avenue
div#mobileMenuLink { display: none; }
Aviator
nav#mobile-navigation { display: none; }
Bedford Template Family
Include: Anya, Bedford, Bryant, Hayden, Bedford
.mobile-nav-toggle { visibility: hidden; }
Brine Template Family
button.Mobile-bar-menu { display: none; }
Farro
Include: Farro, Haute
button.Mobile-bar-menu { display: none; }
Five
span#mobile-navigation-label { display: none; }
Flatiron
div#mobile-navigation-label { display: none; }
Forte
span.ctrl-button.menu { display: none !important; }
Galapagos
label.nav-mobile-menu-label { display: none !important; visibility: hidden; }
Ishimoto
div#mobileMenuLink { display: none; }
Momentum
span.ctrl-button.menu { display: none; }
Montauk Template Family
div#mobileMenuLink { display: none; }
Native
@media screen and (max-width:640px) { nav.main-nav { display: none; } }
Pacific Template Family
.mobile-nav-toggle-label { display: none; }
Skye Template Family
.mobile-bar .nav-toggle-label--mobile { visibility: hidden; }
Supply
a#navOpen { display: none; }
Tremont Template Family
a#navToggle { display: none; }
Wells
nav#mobileMenuLink { display: none !important; }
Wexley
div#mobileMenuLink { display: none; }
York Template Family
label.mobile-nav-toggle-label { visibility: hidden; }
Squarespace 7.1
.burger-box { display: none; }
Featured image by Pixabay.com