Site logo

Archived topic

Off canvas panel width - exit button not working

3 replies · Started by Serhii on June 28, 2021

Viewing posts 1–4 of 4

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!

This archived topic is closed to new replies.