Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Split Navigation in Squarespace 7.1
This code snippet will allow you to create the look of a secondary (or split) navigation in Squarespace 7.1 by placing your logo or site title in the centre with navigation items on each side.
Add Multiple Buttons in the Header
This code snippet will allow you to style navigation links to look like buttons so that you can have multiple buttons in the header.
Turn the Header Navigation Links into Buttons
This code snippet will allow you to style the header navigation links to look like buttons.
Change the Hamburger Button Colour
This code snippet will allow you to change the color of the hamburger button in the mobile menu.
Custom Cart Icon | Squarespace 7.1
This code snippet will allow you to add a custom cart icon in the header.
Custom Social Icons
This code snippet will allow you to change social icons in the header and social blocks to images of your choice.
Resize the Site Title and Logo for Mobile
This code snippet will allow you to resize the site title and logo when viewed from a mobile device.
Fixed Header | Squarespace 7.0
This code snippet will allow you to fix your header at the top of the screen when scrolling in Squarespace 7.0.
Link Grows on Hover
This code snippet will allow you to add a growing animation to links when the visitor hovers overtop.
Vertical Navigation | Squarespace 7.1
These code snippets will allow you to change the main header into a vertical navigation in Squarespace 7.1.
Create a Cover Page
This code snippet will allow you to hide the header and footer to create a cover or landing page.
Add a Search Bar to the Header | Squarespace 7.1
These code snippets will provide you with several options for adding a Search Bar to your Header in Squarespace 7.1.