How to hide the hamburger menu on mobile in Squarespace

This tutorial will guide to how to hide the hamburger menu on mobile. This tutorial is applicable for Squarespace 7.1. Hiding the hamburger menu on mobile devices in Squarespace can offer several benefits for your website. Below, we'll explore the reasons why you might want to hide the hamburger menu, along with methods to accomplish this in Squarespace.

Reasons to Hide the Hamburger Menu:

  • Enhanced User Experience

  • Improved Aesthetics

  • Increased Engagement

  • Better SEO Performance

  • Enhanced Branding

Complexity: Easy


Step 1

Copy the code below and from the Squarespace dashboard navigate to Pages > Webtools > Custom CSS and paste the code.

/* hide Mobile Hamburger Menu */
.burger-inner {
	visibility: hidden ! important;
}

Step 2

The mobile hamburger menu disappears



Conclusion

In conclusion, while the hamburger menu has its place in mobile design, there are valid reasons why you might want to hide it on your website. By considering factors such as user experience, accessibility, engagement, SEO performance, consistency, and loading times, you can make an informed decision about whether hiding the hamburger menu is the right choice for your mobile website. Ultimately, the goal is to create a user-friendly and accessible experience that meets the needs of your audience.



All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a developer.

Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous
Previous

Best practices for landing pages

Next
Next

How to Enable/Disable Comments in Squarespace