Jump to content

Vertical side navigation

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://mcarnovale.design


i was on the Squarespace Circle website today and noticed their vertical links they use on their pages for 'next post' and 'previous post'. I know they are using a blog format but I'd love to use that on my portfolio website. Here's one of Squarespace's pages for reference. https://circle.squarespace.com/guides/holiday-discount-strategies


I'd like to do this on my website on my projects. Here's a page for example https://www.mcarnovale.design/offtryp - I'd like clients to be able to click next project to go onto another one of my project pages.

Can this be done?


Link to comment
  • Solution

Edit Page >> Add a Code Block at bottom of page >> paste this code. Replace url with new urls

<a href="/about" class="t-next">Next Post</a>
<a href="/home" class="t-prev">Previous Post</a>
  a.t-next, a.t-prev {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;

a.t-next {
    left: 5px;
    transform: rotate(90deg);

a.t-prev {
    right: -20px;
    transform: rotate(270deg);


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.