XF 2.2 Hide sidebar on mobile

[Deleted member 241496]

Is there a way to hide the entire sidebar, rather than individual widgets on mobile?

 

[Paul B]

The sidebar collapses to the bottom on narrower screens.

Do you want to remove it and all the content altogether?

If so, add this to the extra.less template:

@media (max-width: @xf-responsiveWide)
{
    .p-body-sidebar
    {
        display: none;
    }
}

That will remove it for screens narrower than 900px.

These are the default break points:


You can substitute xf-responsiveWide for one of the others, or enter an actual value, e.g. 500px.

 

[Deleted member 184953]

You can try this code in extra.less template

@media (max-width: @xf-responsiveNarrow) {
    .p-body-sidebar {
        display: none;
    }
}