XF 1.5 responsive sidebar

[island]

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?

 

[Paul B]

Add to EXTRA.css:

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .sidebar
    {
        width: 100%;
    }
}
</xen:if>

 

[island]

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.)