Fixed Responsive Design: sidebar issue when window size is scaled


Well-known member
I can confirm this on Chrome 27/Mac OS X 10.8.4. There's a small butter zone where the main content elements overhang the sidebar but the media queries haven't kicked in to hide it yet.


XenForo developer
Staff member
This is semi-specific to us - it's the "Implemented/Resolved" word that's causing it to not wrap and stretch the list. However, what I'm curious about is why that is stretching it, rather than being forcibly broken. That will need more analysis.

Obviously increasing the responsive wide width would sort it -- and that may actually be worthwhile anyway -- but it's not the underlying issue.


Well-known member
I had a similar issue on iPhone 5 on my boards, all I did is add the following in extra.css to fix:

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
.mainContent {
margin-right: 245px;
.nodeList .node {
width: 650px;