• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 2.0 How to hide sidebar on mobile?

Russ

Well-known member
#2
Extra.less:

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

Brad Padgett

Well-known member
#5
@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?