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;
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