Remove Hamburger Menu on Squarespace

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 😉

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

Share this post: