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

Fixed Responsive Design: sidebar issue when window size is scaled

Discussion in 'Resolved Bug Reports' started by SonicRC, Jun 8, 2013.

  1. SonicRC

    SonicRC Well-Known Member

    This happens with Safari 6, Chrome 27 and Firefox 21 (all OSX 10.8).
    Bildschirmfoto 2013-06-08 um 11.05.35.png
  2. Teapot

    Teapot 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.
  3. Mike

    Mike 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.
  4. Mike

    Mike XenForo Developer Staff Member

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

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

Share This Page