Archived topic
Off canvas panel width - exit button not working
3 replies · Started by Serhii on June 28, 2021
Hello Team!
I try to change off canvas panel width to 350px.
I use CSS, add it in aditional CSS section:
.offside--left.is-open, .offside-js--is-left .offside-sliding-element {
-webkit-transform: translate3d(350px,0,0);
-moz-transform: translate3d(350px,0,0);
-ms-transform: translate3d(350px,0,0);
-o-transform: translate3d(350px,0,0);
transform: translate3d(350px,0,0);
}
.offside--right.is-open, .offside-js--is-right .offside-sliding-element {
-webkit-transform: translate3d(-350px,0,0);
-moz-transform: translate3d(-350px,0,0);
-ms-transform: translate3d(-350px,0,0);
-o-transform: translate3d(-350px,0,0);
transform: translate3d(-350px,0,0);
}
.main-navigation.offside {
width: 350px;
}
.offside--left {
left: -350px;
}
.offside--right {
right: -350px;
}
.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
left: 395px;
}
It's working - width changed to 350 px, but exit button position don't changed and it's not working, exit button under the first menu item.
My site: https://somnolog.com.ua
Hi Serhii,
Try to replace this CSS:
.offside-js–is-left.slide-opened .slideout-overlay button.slideout-exit {
left: 395px;
}
with this:
.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
right: 350px;
}
Let me know :)
Thank you, Ying!
Now all is OK!
Glad to hear that :)
You are welcome!