Archived topic
Slideout menu width
8 replies · Started by Emanuele on June 19, 2020
Hi Tom and Team
I would like to change the width of the Slideout Menu in the latest version.
It could be 350px.
Can you help?
Thanks
Hi there,
Leo provides some code here:
https://generatepress.com/forums/topic/off-canvas-width/#post-920928
you will need to update the 400px and -400px etc. to your new size
Hi there,
i tried the code above but for me it doesn´t work. What did i wrong?
Thanks for help!
Sorry, website: http://wp12076150.server-he.de/?p=1
Can you link us to the page in question with the code added?
Can you give this a shot instead:
body .offside--left.is-open, body .offside-js--is-left .offside-sliding-element {
-webkit-transform: translate3d(400px,0,0);
-moz-transform: translate3d(400px,0,0);
-ms-transform: translate3d(400px,0,0);
-o-transform: translate3d(400px,0,0);
transform: translate3d(400px,0,0);
}
body .offside--right.is-open, body .offside-js--is-right .offside-sliding-element {
-webkit-transform: translate3d(-400px,0,0);
-moz-transform: translate3d(-400px,0,0);
-ms-transform: translate3d(-400px,0,0);
-o-transform: translate3d(-400px,0,0);
transform: translate3d(-400px,0,0);
}
body .main-navigation.offside {
width: 400px;
}
body .offside--left {
left: -400px;
}
body .offside--right {
right: -400px;
}
body .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
left: 395px;
}
Great!!! Thanks!!!
No problem :)