[Resolved] slideout content area width

[mrbishwork]

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;
}

[David]

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;
}

[mrbishwork]

Thank you David! It works !! Have a good day !

[David]

You’re welcome. You too.

[Author]

Posts