sidebar disappears at certain resolutions

  • Resolved zzroomie

    (@zzroomiegmailcom)


    11 years, 10 months ago

    We are having a problem with responsive design view of a WP site we are building with Quintus Theme.
    The sidebar disappears at certain resolutions.
    It is in a protected development space so we can’t share a link yet, sorry.

    However we notice the same behaviour with these websites that are featured on the Quintus theme page.
    https://theschleicherspin.com/
    https://nothinginbiology.org/
    https://waitingforthekarmatruck.com/

    The issue comes up looking at the above sites with ‘responsive design view’ on various browsers.
    We have not tested with mobile platforms.
    When the screen width is 480 wide or 640 wide in Explorer 10/Windows 8, the side bar disappears completely.
    At 320 wide the sidebar shoots underneath and presents below the main column as expected.
    At 768 wide the two columns present side by side as expected.
    At 480 wide and 640 wide we only get the main column, no sidebar anywhere.

    We are seeing this on FireFox 20.0.1/Windows 8 at 480 wide as well.
    And on a different machine, with Chrome/Windows XP

    Any ideas?
    ZZ

    https://www.ads-software.com/extend/themes/quintus/

Viewing 3 replies - 1 through 3 (of 3 total)

  • It looks like the theme was built that way.
    When looking at the CSS – when the screen hits 650px or less, it changes the #primary width to 100% and changes the #secondary (sidebar) to float:none;
    This effectively makes the sidebar “disappear” from view.

    To change that behaviour, you will have to create some custom CSS to alter the width of the #primary and #secondary IDs in the media queries.

    PS. it does pop underneath at 400px and below – if you want that behaviour to happen from 400px – 650px you will need to add this:

    #main .widget-area{
overflow: visible;
}
    Thread Starter zzroomie

    (@zzroomiegmailcom)

    @mikeyarce

    Thanks! It worked.

    I still wonder why they designed it that way.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘sidebar disappears at certain resolutions’ is closed to new replies.