Fixed Responsive Design: sidebar issue when window size is scaled

[SonicRC]

This happens with Safari 6, Chrome 27 and Firefox 21 (all OSX 10.8).

 

[Teapot]

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.

 

[Mike]

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.

 

[Mike]

I've found a workaround for this. Though I'm sort of surprised it wasn't wrapping automatically.

 

[IcEWoLF]

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;
}