Vertical side navigation

mackenzie__ · March 27, 2022

Hi!

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?

tuanphan · March 29, 2022

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>
<style>
  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);
}
</style>

Vertical side navigation

Recommended Posts

mackenzie__

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

tuanphan

Link to comment

Create an account or sign in to comment

News

tuanphan

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources