Streaming live at 10am (PST)

Rotate text link 90% to be vertical

Here is the read-only ink:

I wish to make rotate some text links 90 degrees, like in the image below. This will be main navigation and it will be fixed.

But the rotate on Z function seems to mess up my responsive layout. The positioning gets funky.

I would like to create basically a div that is rotated -90 at 90% from the left side of the browser window. And then create text links within this rotated div box.

When I add padding to the individual text links within the div box, it creates padding all over, not just at the side I wish, so the 90% away from left browser increases.

I’d really appreciate it if you can take a look and let me know what I am doing wrong.

Thank you so much!

hi Karen.

to rotate text by 90 degrees, do as follows:

  1. select your text element
  2. in Styles pane, scroll down to ‘Transitions & Transforms’
  3. click on add Transform (+)
  4. set ‘Rotate’ ‘z’ by 90 or 270 depending on what direction you want.

this works fine on other responsive screens as well.

1 Like

Thank you Nshkrsh!

However, it seems to rotate it by the center origin point, whereas I need it to rotate by the top left point of the textbox / div…is there a way to change the rotation point?

Thank you!

1 Like

Hello, @Karen

You can change this setting under the Transforms:

Click on the dot, for choose center of the rotation.

Hope it helps,


1 Like

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