Squarespace Courses Layout - Fixed Sidenav
Keep your course sidenav open & fixed to your page with this professional course layout.
All the code necessary for this tutorial can be found here:
https://www.will-myers.com/articles/f...
Directions:
Paste in the Custom CSS from the link above to your Custom CSS area.
Install the Squarespace ID Finder Chrome Extension if you haven’t already. (Link below)
Go to your Course Overview Page and turn on your Squarespace ID Finder. In the CSS, replace both instances of collection-id with the specific collection id at the top of your course overview page. Be sure to prepend the .collection-id class with a period and the #collection-id id with a hashtag. Watch the installation video above for a walkthrough.
Get the Squarespace ID Finder I used in this tutorial:
https://will-myers.com/id-finder
More customizations and code snippets in my Membership:
https://www.will-myers.com/catalogue
📲 Follow me on Instagram: / willdashmyers
📧 Join My Newsletter: https://www.will-myers.com/newsletter
Watch video Squarespace Courses Layout - Fixed Sidenav online without registration, duration hours minute second in high quality. This video was added by user Will Myers 22 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 276 once and liked it 3 people.