Archived topic
Off Canvas Width
3 replies · Started by Gabriel on June 5, 2019
Viewing posts 1–4 of 4
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,
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!
No problem :)
This archived topic is closed to new replies.
