[Resolved] Slideout menu width

[Emanuele]

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

[David]

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

[Jessica]

Hi there,

i tried the code above but for me it doesn´t work. What did i wrong?

Thanks for help!

[Jessica]

Sorry, website: http://wp12076150.server-he.de/?p=1

[Leo]

Can you link us to the page in question with the code added?

[Jessica]

http://wp12076150.server-he.de/?p=1

[Leo]

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

[Jessica]

Great!!! Thanks!!!

[Leo]

No problem 🙂

[Author]

Posts