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

XF 1.5 responsive sidebar

island

Active member
#1
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
#2
Add to EXTRA.css:
Code:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .sidebar
    {
        width: 100%;
    }
}
</xen:if>
 

island

Active member
#3
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: