Customize Squarespace overlay menu on mobile & desktop.

Customizing the Overlay Menu 

The first step is to turn on the SquareKicker Desktop Overlay Menu option. To find out how this is done click here.

Let's get started.

1. Click the SquareKicker icon in the top right corner of the screen.
2. Select Site or Page.
   
   • Choose Site for site wide settings.
   • Choose Page for Page specific settings (perfect for creating a unique landing page).
3. Open the Header menu option to find the Hamburger customization settings.
4. Open the Overlay Menu menu option to customized to flowing elements.
   
   • Background
   • Button
   • Links
   • Logo
   • Social Icons
   • Close Icon
   • Visibility
5. When a yellow lightening bolt is visible in the top right to the SquareKicker window, it is letting you know you can make changes to the element when it is hover over (nav links and button). Click the yellow lightning bolt to enter Hover Mode (blue lightning bolt).

TIP: Make sure to choose a color for the Close Icon that has good contrast to that visitors to the site can find it easily.