Menü rotated 90 Grad

[Rogue]

Hello all. I have rotated a menu section on my page by 90 degrees. This is on the right-hand side. Is there a way to align the text in the middle of the page?

I have used the following CSS code so far:

{
  -ms-transform: rotate(+90deg);
  -webkit-transform: rotate(+90deg);
  transform: rotate(+90deg);
  z-index: 5;	
  margin-right: -90px;
  margin-top: 400px;

So that it is on the right side I have ... set

margin-right: -90px;

So that it stands relatively centrally, I have ... entered

margin-top: 400px;

Since there are different browser sizes, I think the text is not displayed all over the right side and in the middle.
Is there a better solution?

thanks

[Richard]

Dear @Rogue

You may wish to use the calc function. That way the menu is responsive to the page (if that what your after, remains center):

The following Code:

.second_menu {
  -ms-transform: rotate(+90deg);
  -webkit-transform: rotate(+90deg);
  transform: rotate(+90deg);
  z-index: 5;	
  margin-top:calc(100vh - 52vh);
  margin-right:-6vw;
 
}

The result:

I used a margin-right:-6vw . This vw is viewport width. That way it remains responsive to resizing of the browser width ways.

https://www.w3schools.com/cssref/func_calc.asp

---

Best wishes @Rogue

Richard

[Rogue]

@Richard Thank you very much Richard. That helped me :)

[Richard]

Thanks @Rogue have a wonderful day & thanks for supporting Lay Theme! 🌻