[Resolved] Off Canvas Width

Home Forums Support Off Canvas Width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #920925
    Gabriel

    Hi,

    I would like to increase the width of my off canvas menu. Easy work with css. But the problem is, you can see half of the menu before you click on the button to slide it in. Now if you change the position to fix this, the button only slide to the half of the menu. So my guess is the javascript is coded only to move to the position according to its default width.

    What can i do?

    Thank you,

    #920928
    Leo
    Staff
    Customer Support

    Hi there,

    Not sure what CSS you’ve tried but can you give this a shot?

    .offside--left.is-open, .offside-js--is-left .offside-sliding-element {
        -webkit-transform: translate3d(400px,0,0);
        -moz-transform: translate3d(400px,0,0);
        -ms-transform: translate3d(400px,0,0);
        -o-transform: translate3d(400px,0,0);
        transform: translate3d(400px,0,0);
    }
    .offside--right.is-open, .offside-js--is-right .offside-sliding-element {
        -webkit-transform: translate3d(-400px,0,0);
        -moz-transform: translate3d(-400px,0,0);
        -ms-transform: translate3d(-400px,0,0);
        -o-transform: translate3d(-400px,0,0);
        transform: translate3d(-400px,0,0);
    }
    
    .main-navigation.offside {
        width: 400px;
    }
    .offside--left {
        left: -400px;
    }   
    .offside--right {
        right: -400px;
    }
    .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
        left: 395px;
    }

    I gave it a shot and it should work 🙂

    #924938
    Gabriel

    Working! Thank you!

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