Turn header (buttons) 90 deg to the right - xtheme pro

[Effi]

Hi, I’m trying to create a header, turned 90 degree, on the right side of my website.

I found this example with my aim, only fixed on the left side instead of the right: https://codepen.io/stricttype/pen/mEKXjN
CSS didn’t work in my navigation bar though…

I’m using pro and tried hard but couldn’t find a solution.

Is it easier to rotate my buttons on the bar I created on the right side OR to turn the whole header bar from the top to the right?

Do you know what I mean?

Cheers, Eva

[tristup]

Hi Eva,

Thanks for reaching out.
There is an option in Header builder for Side Header, hope that works for you. Please find more information on these in this article: https://theme.co/docs/header-footer-overview#how-bars-work-in-header-footer-builder
Please find the screenshot describing the option.

Thanks

[Effi]

Hi tristup, thanks for your reply. I think I didn’t explained myself right.

This is how it’s now:

[Effi]

That’s what I want to do:

[tristup]

Hi Eva,

In that case, you need to use the CSS Text Transformation to rotate the text you want. You can find a few examples here in the below-given link.

1. https://css-tricks.com/snippets/css/text-rotation/
2. https://stackoverflow.com/questions/18392503/90-degrees-rotated-text-flush-to-page-top-right-with-css

If you are not proficient with the code, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where the customization questions are answered.
Please remember that we don’t offer any support to the custom codes or issues related to it.

Thanks