[Resolved] Site Navigation in Slideout Design

Home Forums Support [Resolved] Site Navigation in Slideout Design

Home Forums Support Site Navigation in Slideout Design

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2223392
    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

    #2223500
    David
    Staff
    Customer Support

    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;    
    }
    #2223592
    HansRuedi

    Hi David,

    yes, perfect!

    Many thanks,
    Hans

    #2223891
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.