How to replace the Hamburger button with “MENU” on Squarespace

Last updated on May 29th, 2020 at 06:22 am.

22 Remove hamburger button in Squarespace and replace with menu

Watch the video for the step by step guide.

To add this code into your Squarespace, go to Settings ,

then Advanced . Then go into Code Injection .

Add the following code. And save

<style>
 .top-bar, .middle-bar, .bottom-bar {display:none;}
 .mobile-nav-toggle {margin-right:1rem !important; }
 .mobile-nav-toggle.fixed-nav-toggle { opacity:0; }
 .mobile-nav-toggle::after {
 content: 'MENU';
 margin-left: -2rem;
}
 .mobile-nav-open .body-overlay { cursor: pointer;}
 </style>

In case it doesn’t work for you, ensure that the classes for

the elements are the same as they are up there. Otherwise

edit the classes accordingly.

Watch, how to duplicate a squarespace Web Page.

To learn more about HTML and CSS ,click the button below:

Comment Here

Need WordPress help? Linux Server help? Talk to us.

  • We are your own WordPress customer service.
  • We set up Linux servers and install or migrate WordPress. Learn more here.
  • We support WooCommerce too.
  • Check out our WordPress customer support plans here or contact us below .

If you have any questions regarding WordPress support, Linux server support or any of our services, feel free to reach out or read more on our services page.

Join this free course:

How to host multiple WordPress
websites on a VPS

Close me!