Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Squarespace Fixed Split Section
Instructions for Squarespace 7.0
Course Overview (2:34)
Course Support
Download Adobe XD file (optional) (1:32)
Step One: Build-out the Structure (7:58)
Step Two: Define width of sections thru CSS (3:37)
Step Three: Make any section sticky (3:05)
Step Four: Fix Logo and Logomark (4:22)
Step Five: Fix Navigation Items and Hide the Footer (2:39)
Step Six: Switch Mobile Order on Mobile (optional) (9:01)
Step Seven: Fixed Index Gallery Section (7.0) (optional) (9:11)
Instructions for 7.1
Step One: Content Build Out (5:51)
Step 2a: Identify Section IDs
Step 2b: Define Width of Sections (7:27)
Step Three: Make Section Sticky (4:34)
Step Four: Fix the Logo (1:28)
Step Five: Fix the navigation items (1:22)
Step 7: Add more sections (9:00)
Step 6: Manage Order of Sections in Mobile (Optional)
Step 7: Make a Gallery Section Sticky
Step 8: Create Multiple Split Sections
New Lecture
Sticky Scrolling Blog Posts ( for 7.0 & 7.1)
Make Column Sticky
Alternating Columns in Blog posts (7.0 & 7.1)
Isolating Styles to one blog post (7.0 & 7.1)
Special Cases
Add more full-width sections (7:45)
Fix the RIGHT Section
Scrolling Stacked Index Sections (22:42)
Add Element Between Sections (4:23)
Create Lined Sections
Step Six: Switch Mobile Order on Mobile (optional)
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock