[Resolved] Site Navigation in Slideout Design

[HansRuedi]

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

[David]

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;    
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[HansRuedi]

Hi David,

yes, perfect!

Many thanks,
Hans

[David]

Glad to hear that!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts