VERTICAL MENU Customisation

Hi everyone,

Password of my project is 2025

I’ve noticed that many users, have proposed various approaches and solutions for implementing a vertical menu in Squarespace. However, it seems there’s still no template or custom code currently available that supports this feature seamlessly.

I have a few specific questions:

1. How can I move the nav items in that area (up, down, left, and right)?
2. What’s the best way to align the menu with the Title/Image?
3. How can I customize the padding of the content area?

Could anyone share their insights or custom solutions that have worked for you? I’d love to hear about any effective methods or code snippets that could help achieve this layout. Like some of the users asking this

Thanks in advance!


Here is the post/code im using at this moment and below the image of the desired menu layout.
 

2025

password is incorrect

You can try now, is working with that password: 2025

https://hughgordon-test.squarespace.com

Thanks!

@tuanphan #1 and #2 worked perfect!

How could I move down the Title and Nav items? See image below. with the position I want...

With Nav, find & edit top value

.header-nav {
        position: fixed;
        top: 20%;
        left: 4vw;
        padding: 0 !important;
        transform: translatey(-50%);
    }

with title, find & edit top

.header-title {
        position: fixed;
        top: 1vw;
        left: 5vw;
        z-index: 9999;
    }

That works perfect @tuanphan

I have one last question, see screenshot attached and please let me know how could I set the top of the image to the same height like the Title has.

Thanks!

On 10/18/2024 at 6:56 PM, jjohansson said:

That works perfect @tuanphan

I have one last question, see screenshot attached and please let me know how could I set the top of the image to the same height like the Title has.

Thanks!

So move image down, or make title up?

@tuanphan yes I meant moving the image down, all the items starts with that height. Do you think is possible to apply to the whole site somehow? 

 

@tuanphan Any idea how to move up the Instagram icon? Up like the end of the image would be perfect...

https://pineapple-iguana-gne9.squarespace.com

2025 is incorrect password, if you still haven't solved problem, you can check password again