7.1 navigation links to vertical

Site URL: https://casafloraliaa.squarespace.com/

pw: studio

hi!

i'm trying to change the navigation links to vertical, like the image below. 

projects to the left, and contact to the right.

can anyone help? 

I'm thinking you're going to need some Javascript which would require the business plan or above.

Javascript is needed to change the structure of the page. In other words move the navigation links down to the sides  of the image.

I don't know if it can be actually done. But in theory it is possible.

I managed to do it with css, it's fixed but it's not responsive 😕

can anyone help?

This is not a solution. I think Javascript is going to be the only way to get to where I think you are trying to go.

If you're going CSS only the following may get you a little closer.

@media screen and ( min-width : 641px ) {

  .header-nav-item:first-child,
  .header-nav-item:last-child
  
    {
    
    position : fixed;
    top : 35%;
    
    }
    
  .header-nav-item:first-child {
  
    left : 2vw;
    
    -webkit-transform : rotate( -90deg );
    -ms-transform : rotate( -90deg );
    transform : rotate( -90deg );
    
    }
    
  .header-nav-item:last-child {
  
    right : 2vw;
    
    -webkit-transform : rotate( 90deg );
    -ms-transform : rotate( 90deg );
    transform : rotate( 90deg );
    
    }
  }

it worked! 

looks perfect, thank you!!!