Width Slideout Menu

Hi Martin, try this:

Right Hand Opening

@media (min-width: 420px) {
    .offside {
    	width: 365px;
    	right: -365px;
    }
    .offside--right.is-open, .offside-js--is-right .offside-sliding-element {
        -webkit-transform: translate3d(-365px,0,0);
        -moz-transform: translate3d(-365px,0,0);
        -ms-transform: translate3d(-365px,0,0);
        -o-transform: translate3d(-365px,0,0);
        transform: translate3d(-365px,0,0);
    }
    .offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit {
        right: 365px;
    }
}

Left hand Opening

@media (min-width: 420px) {
    .offside {
    	width: 365px;
    	left: -365px;
    }
    .offside--left.is-open, .offside-js--is-left .offside-sliding-element {
        -webkit-transform: translate3d(365px,0,0);
        -moz-transform: translate3d(365px,0,0);
        -ms-transform: translate3d(365px,0,0);
        -o-transform: translate3d(365px,0,0);
        transform: translate3d(365px,0,0);
    }
    .offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit {
        left: 365px;
    }
}

unfortunately this does not work, the menu text does not appear

Hi Martin,

my bad, i sent you the code for a left hand opening slide out. I have edited the code above to provide a right hand variant as well. Let me know

Hi David

Thank you so much, this worked splendidly.

feature request:
I think it would be lovely to see the width of the slideout menu as as a parameter in the customizer.

You're welcome Martin.