Positioning vertical text

I’ve got 2 text boxes on my site that I’ve rotated by 90 degrees. However, I’m struggling to get the 2 text boxes to sit along the edge of the page (one on the left-hand side and one on the right-hand side), and exactly in the centre of the page. I’ve set them both as Fixed and played around with the margins, but I can’t figure it out.

Read-only link: Webflow - testingx4y

Any help appreciated.


Any ideas on this from anyone? I really am stuck on it!

Hi @khs123 you need to use custom CSS and use writing-mode property, something like this.

.vertical {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  display: flex;
  text-transform: uppercase;
  letter-spacing: 3px;
  align-items: center;
  justify-content: center;

Here are some articles to have better understanding how it works.

Bit late I suppose, but I just revised an old vertical sticky demo of mine: https://vertical-sticky.webflow.io/