- Desktop and mobile header layouts must be set to logo on the left and navigation on the right.
- The icon can move left or right, but the logo stays on the left.
- Requires a Core/Business plan or higher because it uses Code Injection.
Overview
Desktop Menu (Forced Mobile Menu) is a Super Plugin from Ghost Plugins that shows the hamburger menu on every screen size, keeping Squarespace's native open animation. The desktop navigation is hidden and the mobile menu is used everywhere, with its styling still controlled from Squarespace's header settings. It is a one time $20 purchase with a multi-site licence, so you can use it on your own and client sites.
What you get
- The plugin code and a step by step install guide
- Settings you can adjust: open menu width; hamburger icon spacing; hamburger icon placement (left or right); link size and spacing; menu colours and fonts through Squarespace settings
- Live demo on Ghost's Super Plugins demo site
- Multi-site licence for personal and client use
- Friendly support and free future updates
Who it suits
Minimal portfolios and brand sites that want a clean header with the full menu tucked behind an icon on desktop too.
Honest limits
- Built for Squarespace 7.1.
- Installed through the CSS editor and Code Injection.
- Desktop and mobile header layouts must be set to logo on the left and navigation on the right.
- The icon can move left or right, but the logo stays on the left.
- Requires a Core/Business plan or higher because it uses Code Injection.
How it is delivered
Buy the plugin from Ghost Plugins for $20. You receive the code and a step by step install guide, then add it through the CSS editor and Code Injection on your Squarespace site. Ghost lists the requirement as a Core/Business plan or higher. Ghost also sells Pro Access, a membership that unlocks this plugin and the rest of the Super Plugin library.
Related guide: Squarespace navigation plugins and the Squarespace plugins hub.
What you get: the plugin code with a step by step install guide; adjustable settings covering open menu width; hamburger icon spacing; hamburger icon placement (left or right); link size and spacing; menu colours and fonts through Squarespace settings; a live demo; a multi-site licence; support and free future updates.
Who it suits: Minimal portfolios and brand sites that want a clean header with the full menu tucked behind an icon on desktop too.
Honest limits: Built for Squarespace 7.1. Installed through the CSS editor and Code Injection. Desktop and mobile header layouts must be set to logo on the left and navigation on the right. The icon can move left or right, but the logo stays on the left. Requires a Core/Business plan or higher because it uses Code Injection.
How it is delivered: Buy the plugin from Ghost Plugins for $20. You receive the code and a step by step install guide, then add it through the CSS editor and Code Injection on your Squarespace site. Ghost lists the requirement as a Core/Business plan or higher. Ghost also sells Pro Access, a membership that unlocks this plugin and the rest of the Super Plugin library.
- Shows the hamburger menu on every screen size, keeping Squarespace's native open animation
- The desktop navigation is hidden and the mobile menu is used everywhere, with its styling still controlled from Squarespace's header settings
Full specifications
Specifications
The desktop navigation is hidden and the mobile menu is used everywhere, with its styling still controlled from squarespace's header settings
Hamburger icon spacing
Hamburger icon placement (left or right)
Link size and spacing
Menu colours and fonts through squarespace settings
Photographers
Designers
The icon can move left or right, but the logo stays on the left.
Requires a core/business plan or higher because it uses code injection.