Jump to content

7.1 navigation links to vertical

Recommended Posts

  • Replies 4
  • Views 1k
  • Created
  • Last Reply

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

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

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.