XF 2.0 How to hide sidebar on mobile?

loplo

Active member
Is there a way to hide sidebar on mobile devices?
For 1.5 there was an extra.css trick.

Thanks
 

Russ

Well-known member
Extra.less:

Code:
@media (max-width: @xf-responsiveWide)
{
    .p-body-sidebar { display: none; }
}
Should do the trick for you.
 

Brad Padgett

Well-known member
@Russ @BassMan

Are you required to use less in extra.less or will css standalone work?

Reason I'm asking is I tried using just css and an error was logged because of it. I now see the extra.less is the file for extra css/less however I was wondering why I received an error and if css alone will work?
 
Top