Encyclopedia of Code
Start Here
Private Community
Resources
Categories
Edit the Mobile Menu Links | Squarespace 7.1
This code snippet will allow you to edit the size, color, and other font properties of the mobile menu links in Squarespace 7.1.
Hide Site Title or Logo
This code snippet will allow you to hide the site title on one page or all pages.
Change the Link Color in the Dropdown Menu
This code snippet will allow you to change the color of the links in the dropdown folder menu in the header.
Social Icons on the Right
This code snippet will mirror the order of the main navigation so that the button and cart are on the left while the social icons are on the right.
Change the Background Color of the Dropdown Menu
This code snippet will allow you to change the background color of the dropdown folder menu in the header.
Header Layout: Center Logo with Boxed Navigation
This code snippet will allow you to have the navigation go 100% of the way across the screen with a boxed navigation design and a centered logo.
Remove the Header Gradient From One Page
This code snippet will allow you to remove the header gradient from specific pages in Squarespace.
Move the First Section Down
In Squarespace 7.1, the background image in the first section can be hidden behind the header. This code snippet will allow you to move the first section down so that the full image displays under the header.
Replace the Hamburger Icon with a Word | Squarespace 7.0
This code snippet will allow you to hide the hamburger icon in the mobile menu and replace it with a word. It is compatible with the Brine Family Templates in Squarespace 7.0.
Replace the Hamburger Icon with a Word | Squarespace 7.1
This code snippet will allow you to hide the hamburger icon in the mobile menu and replace it with a word.
Keep the Mobile Menu on Desktop
This code snippet will allow you to hide the desktop navigation and force the mobile menu to display instead.
Social Icons in Mobile Header
This code snippet will move the social icons from the mobile menu to the mobile navigation bar next to the hamburger button.
Show Folder Items As a Dropdown on Mobile Menu
This code snippet will allow you to display the folder items underneath the folder title on mobile rather than on a separate page.
Remove Spacing Between the Site Title and Navigation
This code snippet will allow you to remove spacing between the site title or logo and main navigation. This is particular to the Squarespace 7.1 Layout that has the site title or logo and main navigation in the center.
Different Header Button on One Page
This code snippet will allow you to change the style of the button in the header for one page only.
Edit the Mobile Menu | Wexley Template
This code snippet will allow you to edit different parts of the mobile menu in the Squarespace 7.0 Wexley Template.
Add a Home Icon to the Main Navigation
This code snippet will allow you to use a home icon in your main navigation instead of the word ‘home".
Fixed Header with Shrinking Logo on Scroll | Squarespace 7.0
This code snippet will allow you to have a fixed header in Squarespace 7.0. When a user scrolls down the header and logo shrink in size. This is a good option for those whose logo take up a large portion of the screen.
Custom Second Navigation in Squarespace
This code snippet will allow you to add another navigation in Squarespace above your current header. This includes a search bar, social icons, and additional links that will be displayed above your main navigation on both desktop and mobile.
Make the Folder Title Clickable | Squarespace 7.1
This code snippet will make your folders clickable. When users click on the folder title they will be taken to the first page in the folder.