$25.00
Fit check
Great for
Creative Studios
Personal Brands
Agencies
Know before you buy
- 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.
Version7.1
SetupModerate
Overview
Desktop Menu (Slide Out) is a Super Plugin from Ghost Plugins that shows a hamburger menu on every screen size that opens as a slide out panel with an overlay behind it. The menu slides in from the side over a tinted overlay, using the links from your normal Squarespace navigation. It is a one time $25 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 on desktop and mobile; open menu content width; overlay colour when the menu is open; hamburger icon spacing and 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
Sites with a short menu that want a modern slide out panel instead of a full screen mobile style menu on desktop.
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 $25. 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.
Desktop Menu (Slide Out) is a Super Plugin from Ghost Plugins that shows a hamburger menu on every screen size that opens as a slide out panel with an overlay behind it. The menu slides in from the side over a tinted overlay, using the links from your normal Squarespace navigation. It is a one time $25 purchase with a multi-site licence, so you can use it on your own and client sites.
What you get: the plugin code with a step by step install guide; adjustable settings covering open menu width on desktop and mobile; open menu content width; overlay colour when the menu is open; hamburger icon spacing and 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: Sites with a short menu that want a modern slide out panel instead of a full screen mobile style menu on desktop.
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 $25. 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.
What you get: the plugin code with a step by step install guide; adjustable settings covering open menu width on desktop and mobile; open menu content width; overlay colour when the menu is open; hamburger icon spacing and 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: Sites with a short menu that want a modern slide out panel instead of a full screen mobile style menu on desktop.
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 $25. 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.
What it does
- Shows a hamburger menu on every screen size that opens as a slide out panel with an overlay behind it
- The menu slides in from the side over a tinted overlay, using the links from your normal Squarespace navigation
Full specifications
Specifications
Squarespace Version
7.1
What it does
Shows a hamburger menu on every screen size that opens as a slide out panel with an overlay behind it
The menu slides in from the side over a tinted overlay, using the links from your normal squarespace navigation
The menu slides in from the side over a tinted overlay, using the links from your normal squarespace navigation
Key Features
Open menu width on desktop and mobile
Open menu content width
Overlay colour when the menu is open
Hamburger icon spacing and placement (left or right)
Link size and spacing
Menu colours and fonts through squarespace settings
Open menu content width
Overlay colour when the menu is open
Hamburger icon spacing and placement (left or right)
Link size and spacing
Menu colours and fonts through squarespace settings
Best for
Creative studios
Personal brands
Agencies
Personal brands
Agencies
Setup Difficulty
Moderate
Considerations
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.
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.
FAQs
FAQs
What does Desktop Menu (Slide Out) do?
It shows a hamburger menu on every screen size that opens as a slide out panel with an overlay behind it. It is a paid Super Plugin from Ghost Plugins for Squarespace 7.1.
How much does it cost?
It is a one time payment of $25 with a multi-site licence covering personal and client sites. Ghost's Pro Access membership also includes it.
How is it installed?
Through the CSS editor and Code Injection, following Ghost's step by step install guide. Ghost lists a Core/Business plan or higher as the requirement.
What can I customise?
Open menu width on desktop and mobile; Open menu content width; Overlay colour when the menu is open; Hamburger icon spacing and placement (left or right); Link size and spacing; Menu colours and fonts through Squarespace settings.
Which Squarespace versions does it support?
Ghost lists it for Squarespace 7.1.
Anything to know before buying?
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.