[Resolved] Off Canvas Width

Home Forums Support Off Canvas Width

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #920925


    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,

    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 🙂


    Working! Thank you!

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