Enable mobile overlay menu on desktop in Squarespace.

Mobile Overlay Menu on desktop using SquareKicker

With SquareKicker you can fully customize your Squarespace 7.1 Mobile Overlay Menu and force the Overlay Menu on desktop without a line of code.

Here's how to do it

1. In Squarespace edit mode click the SquareKicker icon in the top right of the screen
2. Click Site
   
   
3. Open the Advanced Tab.
4. Select the Desktop Overlay Menu option.
   
   
5. Click the Enable Overlay Menu Toggle.
6. Customize the following elements.

• Slide in direction
• Hamburger alignment.
• Width of the overlay menu
• Colour and opacity of backdrop

NOTE: Everything will looks the same as the mobile overlay menu with the exception of the button and social icons which are still visible in the header.

TIP: Learn how to further customize the Overlay Menu here.