Remove right sidebar on mobile

hax0r · May 26, 2015

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

www.timothydenehy.com

Thanks

Hikin' Mike · May 26, 2015

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 · May 26, 2015

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 · May 26, 2015

Typed too fast. Try this...

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

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

hax0r · May 26, 2015

Same no dice, maybe its my phone.

tomnovy · May 27, 2015

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 · May 27, 2015

Woohoo that did it, thank you all so much.

Remove right sidebar on mobile

Comments