Archived topic
slideout content area width
3 replies · Started by mrbishwork on January 29, 2019
Viewing posts 1–4 of 4
Hello there Im trying to adjust the width of the content area of slideout navigation to 357px using css code below, it works but the logo and toggle icon disappear and on the tablet and mobile view the slideout menu still showing on the left side instead of hidden. Please advise thanks
#generate-slideout-menu{
width:357px;
}
Hi there,
try this CSS:
.offside--left.is-open, .offside-js--is-left .offside-sliding-element {
-webkit-transform: translate3d(357px,0,0);
-moz-transform: translate3d(357px,0,0);
-ms-transform: translate3d(357px,0,0);
-o-transform: translate3d(357px,0,0);
transform: translate3d(357px,0,0);
}
.offside--right.is-open, .offside-js--is-right .offside-sliding-element {
-webkit-transform: translate3d(-357px,0,0);
-moz-transform: translate3d(-357px,0,0);
-ms-transform: translate3d(-357px,0,0);
-o-transform: translate3d(-357px,0,0);
transform: translate3d(-357px,0,0);
}
.main-navigation.offside {
width: 357px;
}
.offside--left {
left: -357px;
}
.offside--right {
right: -357px;
}Thank you David! It works !! Have a good day !
You're welcome. You too.
This archived topic is closed to new replies.
