Archived topic
Site Navigation in Slideout Design
3 replies · Started by HansRuedi on May 18, 2022
Viewing posts 1–4 of 4
Hi there,
My company website is based on your «Slideout» design…
https://schwarzaufweiss.ch
For book design fallen lines are rotated 270deg in the german speaking part of the world, in your part 90deg, what I now have…
#site-navigation .rotate {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin-bottom: auto;
white-space: nowrap;
}
If I change that to 270deg «schwarzaufweiss» disappears.
Please give me a hint what I have to change or add in style.css to make it visible.
Thanks!
Hans
Hi there,
try changing the CSS to:
#site-navigation .rotate a {
writing-mode: vertical-lr;
transform: rotate(180deg);
white-space: nowrap;
padding: 0;
}
#site-navigation .rotate {
margin-bottom: auto;
}Hi David,
yes, perfect!
Many thanks,
Hans
Glad to hear that!
This archived topic is closed to new replies.
