Jump to content

7.1 navigation links to vertical

Go to solution Solved by creedon,

Recommended Posts

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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Solution

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

 

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.