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.
If you have any questions or need any help with your Squarespace website design, you can book a 1:1 consultation.
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.
