XF 1.5 responsive sidebar

island

Active member
Is there an easy way to set the sidebar width to be 250px for desktop and then 100% width for portrait tablet and mobile responsive layouts where it drops below the forum list?
 

Brogan

XenForo moderator
Staff member
Add to EXTRA.css:
Code:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .sidebar
    {
        width: 100%;
    }
}
</xen:if>
 

island

Active member
Edit: Thank you css master! Works perfectly. Appreciated.

(accidentally first added extra css next to width for sidebar where it didn't work as expected causing the long titles to not get shortened with ... so it didn't work for desktop; read your instruction and added to extra.css under templates and worked perfectly.)
 
Last edited:
Top