Rotated Navbar Look

Hey there, looking to achieve a similar rotated look to my navigation like seen here: http://hatchinc.co I would however like to have a fixed view for it to follow the screen as the user scrolls.

Having a little bit of trouble achieving this. So far I was able to rotate the nav bar using a rotate effect but can’t seem to get the positioning of the bar right. Any tips?

Hi @shanikt

Can you please update your post with some more information so we can help you faster? Things like screenshots and your environment info really speed things up.

Posting guidelines can be found here: Posting Guidelines for the Design Help Category - General - Forum | Webflow

Thanks in advance! :slight_smile:

Sure thing @PixelGeek , here is my public link: https://preview.webflow.com/preview/wearesandbox?preview=49b04fefeb439d20aab59160a48ee0d3

I seem to be having a issue in the mobile view where the words begin to overlap. I feel like I might be doing something wrong with positioning to get the effect I’m looking for. Any tips are appreciated.

I came across this link which seems to answer what I’m looking for: css - vertical navigation with rotated text - Stack Overflow however I can’t seem to emulate this in webflow, I haven’t been able to figure out how to set the transform-orgin to the top left, as the nav bar just ends up in the center of my page

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.