Slide out menu width

Hi there,

Try this:
https://generatepress.com/forums/topic/slideout-menu-width/#post-1387321

I have put it.
I had already tried it but the mobile version changes and it's too wide, and the X of the closure is not seen.
Take a look please

Let's make the code desktop only first:

@media (min-width: 769px) {
    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;
    }
}

Perfect!!!
Could we just make the font size for the mobile version a little smaller?

Hi there,

you can change the Mobile font size in Customizer > Layout > Typography - just select the mobile icon to change that

It Works like a charm!
Thanks.

No problem :)