$25.00
Fit check
Great for
Small Businesses
Creative Studios
Personal Brands
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 (Drop Down Style) is a Super Plugin from Ghost Plugins that shows a hamburger menu on every screen size that opens as a drop down panel from the header. The menu drops down from the header with outlined hover states on links and spaced social icons inside the open menu. 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; hamburger icon spacing and placement (left or right); link size and spacing; link text and outline colour on hover; social icon spacing in the open menu; 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
Brands that like the tidiness of a hamburger icon but prefer a compact drop down to a full screen or side panel menu.
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 (Drop Down Style) is a Super Plugin from Ghost Plugins that shows a hamburger menu on every screen size that opens as a drop down panel from the header. The menu drops down from the header with outlined hover states on links and spaced social icons inside the open menu. 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; hamburger icon spacing and placement (left or right); link size and spacing; link text and outline colour on hover; social icon spacing in the open menu; menu colours and fonts through Squarespace settings; a live demo; a multi-site licence; support and free future updates.
Who it suits: Brands that like the tidiness of a hamburger icon but prefer a compact drop down to a full screen or side panel menu.
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; hamburger icon spacing and placement (left or right); link size and spacing; link text and outline colour on hover; social icon spacing in the open menu; menu colours and fonts through Squarespace settings; a live demo; a multi-site licence; support and free future updates.
Who it suits: Brands that like the tidiness of a hamburger icon but prefer a compact drop down to a full screen or side panel menu.
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 drop down panel from the header
- The menu drops down from the header with outlined hover states on links and spaced social icons inside the open menu
Full specifications
Specifications
Squarespace Version
7.1
What it does
Shows a hamburger menu on every screen size that opens as a drop down panel from the header
The menu drops down from the header with outlined hover states on links and spaced social icons inside the open menu
The menu drops down from the header with outlined hover states on links and spaced social icons inside the open menu
Key Features
Open menu width
Hamburger icon spacing and placement (left or right)
Link size and spacing
Link text and outline colour on hover
Social icon spacing in the open menu
Menu colours and fonts through squarespace settings
Hamburger icon spacing and placement (left or right)
Link size and spacing
Link text and outline colour on hover
Social icon spacing in the open menu
Menu colours and fonts through squarespace settings
Best for
Small businesses
Creative studios
Personal brands
Creative studios
Personal brands
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 (Drop Down Style) do?
It shows a hamburger menu on every screen size that opens as a drop down panel from the header. 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; Hamburger icon spacing and placement (left or right); Link size and spacing; Link text and outline colour on hover; Social icon spacing in the open menu; 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.