T4 off-canvas width?

ugdesign

Any body knows?
"Where can I adjust the width of the T4 off-canvas menu—half-size/full-size—or define it in pixels?"

dominic

Hi ugdesign,
You can use the following CSS code:

.c-offcanvas--right {
     width: 300px;
} 

.c-offcanvas--left {
     width: 300px;
}

ugdesign

dominic
"Thank you for your response, Dominic.
It works fine – But it doesn't seem like this black overlay of the content is included i the new off-canvas width! how to adjust that?
Regards ulric

dominic

Hi ugdesign,
I have forgotten it. Sorry about this. You can use the following CSS code:

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
    transform: translate3d(300px,0,0)
}

.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(-300px,0,0)
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
    transform: translate3d(300px,0,0)
}

.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
    transform: translate3d(-300px,0,0);
}

html[dir="rtl"] .c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
    transform: translate3d(300px,0,0)
}

html[dir="rtl"] .c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
    transform: translate3d(-300px,0,0)
}

html[dir="rtl"] .c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
    transform: translate3d(300px,0,0)
}

html[dir="rtl"] .c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
    transform: translate3d(-300px,0,0)
}

ugdesign

"Perfect... Thank you very much, Dominic!"