XF 2.0 How to hide sidebar on mobile?


Well-known member

@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?