casafloralia Posted April 2, 2021 Share Posted April 2, 2021 (edited) 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? Edited April 2, 2021 by casafloralia Link to comment
creedon Posted April 3, 2021 Share Posted April 3, 2021 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 best , and see my profile. Thanks for your support! Link to comment
casafloralia Posted April 3, 2021 Author Share Posted April 3, 2021 I managed to do it with css, it's fixed but it's not responsive 😕 can anyone help? Link to comment
Solution creedon Posted April 3, 2021 Solution Share Posted April 3, 2021 (edited) 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 April 3, 2021 by creedon tuanphan 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
casafloralia Posted April 3, 2021 Author Share Posted April 3, 2021 it worked! looks perfect, thank you!!! creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment