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.
Edit the Height of a Section on Mobile in Squarespace 7.1
You may run into a situation where you want the height of a section to be medium on desktop but small on mobile. This code snippet will allow you to add or remove padding from a section on mobile.
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.
Gallery Section in 3 Columns on Mobile
This code snippet will allow you to have your Grid Gallery display in columns on mobile.
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.
Add a Background Image to the Mobile Menu
This code snippet will allow you to add a background image to the mobile menu.
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.
Resize the Blog or Event Pagination on Mobile
This code snippet will allow you to change the size of the previous and next titles on your blog or event page on mobile.
Reorder Sections on Mobile | Squarespace 7.1
This code snippet will allow you to change the order of sections on the mobile view of your Squarespace 7.1 site.
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.
Reorder Blocks on Mobile | Squarespace 7.1
This code snippet will allow you to change the order of blocks on the mobile view of your Squarespace 7.1 site.
Resize Related Products | Squarespace 7.0
This code snippet will allow you to resize the related products on product pages for multiple screen sizes in Squarespace 7.0.
Change the Width of the Mobile Menu
This code snippet will allow you to change the width of the mobile navigation menu.
Footer Navigation in Columns on Mobile
This code snippet will allow you to create a custom footer navigation that displays in columns when being viewed from a mobile device.
Blog Posts in Two Columns on Mobile
This code snippet will allow you to showcase your blog items in two columns when being viewed from a mobile device.
Resize Related Products | Squarespace 7.1
This code snippet will allow you to resize the related products on product pages for multiple screen sizes in Squarespace 7.1.
Make Collage Image Block Stack on Mobile
This code snippet will have the image and text in a collage image block stack when viewed from a mobile device. This is beneficial for when you have a lot of text within the image block.
Edit the Background Video for Mobile
This code snippet will show you two ways to make your background video mobile responsive.