Good idea, something like this works…
.mx-scrollcontainer-slide.mx-scrollcontainer-open
.region-sidebar>.mx-layoutcontainer-wrapper
{
background:#FFFFFF!important;
opacity:1.0;
z-index:3;
}
.mx-scrollcontainer-slide.mx-scrollcontainer-open
.region-sidebar:before{
content:' ';
width:100%;
height:100%;
position:fixed;
background:rgba(0,0,0,0.5);
z-index:1;
}
Andrew, I’m not sure if I correctly understand your question. Do you want the layout (toggle menu) to be transparent or the page (content) under the layout?