[Resolved] Slideout menu width

Home Forums Support [Resolved] Slideout menu width

Home Forums Support Slideout menu width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1570288
    Bernhard

    Hello,
    I need to add some px to the slideout menu width to show the menu item “informazione turistica” on one row. How can I make this?
    Thank you

    #1570457
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    body .offside--left.is-open, body .offside-js--is-left .offside-sliding-element {
        -webkit-transform: translate3d(300px,0,0);
        -moz-transform: translate3d(300px,0,0);
        -ms-transform: translate3d(300px,0,0);
        -o-transform: translate3d(300px,0,0);
        transform: translate3d(300px,0,0);
    }
    body .main-navigation.offside {
        width: 300px;
    }
    body .offside--left {
        left: -300px;
    }
    #1570566
    Bernhard

    Very good, thank you. Just one thing:
    I added margin-top: 90px; in the second line of your CSS to avoid that the slideout menu covers the 2ary navigation and the logo on mobile.
    But when the menu closes, it seems now to slide in to the top left. When closing, I see for some milliseconds part of the menu in the upper left corner.

    #1570713
    David
    Staff
    Customer Support

    Use this CSS to add the 90px top margin:

    body .offside--left {
        margin-top: 90px;
    }

    This will apply to the open and closed slideout.

    #1570813
    Bernhard

    Great, thank you 🙂

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