Remove right sidebar on mobile

hax0r

I cannot find this anywhere, anyone know how to make the right sidebar not visible on mobile?

www.timothydenehy.com

Thanks

Hikin' Mike

This will hide the right sidebar with screens 600px or less. Add this to your Theme's CSS:

@media (max-width: 600px) {

    .sm-page-layout-region-right {
        display: none;
        }
        
}    

hax0r

Thank you, it doesn't work though. So weird, if I take it out of the mobile code it will turn off the bar just not in the phone.

.sm-page-layout-region-right {
display: none;
}

Hikin' Mike

Typed too fast. Try this...

@media only screen and (max-width: 600px) {

    .sm-page-layout-region-right {
        display: none;
        }
        
}

hax0r

Same no dice, maybe its my phone.

tomnovy

Hi hax0r,

Please add this code to your THEME - > ADVANCED - > CSS section:

@media only screen and (max-width: 600px) {

.sm-page-layout>.sm-page-layout-region>.sm-page-layout-region-right {
display: none !important;
}

}

hax0r

Woohoo that did it, thank you all so much.