[Resolved] Off Canvas Width

[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,

[Leo]

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 🙂

[Gabriel]

Working! Thank you!

[Leo]

No problem 🙂

[Author]

Posts