Support » Themes and Templates » Twenty Eleven Resize & Browser Issues

  • I am just curious if anyone knows a simple fix to make the twenty eleven theme not move and bunch everything up when a window if made smaller or when the site is accessed on a mobile device like iphone or ipad.

    I have looked into this, but cannot seem to find a solution to my problem. Just to clarify when I am on my site and I drag the corner of the window and make it smaller, instead of the site just focusing on whatever is left in the window, it all bunches up and tries to move smaller with the window.

    Hope that makes sense I don’t know how to explain it better.

Viewing 11 replies - 1 through 11 (of 11 total)
  • esmi

    (@esmi)

    Forum Moderator

    You’d need to create a fixed-width child theme.

    I have a child theme already, where and what do I need to add to it to have a fixed-width?

    I was able to lock the header down and everything from the nav bar up stays static, but the rest of the page still moves as the window is resized. I added a min-width to the #page and set both min and max to 1000px. Any idea what else I need to do?

    esmi

    (@esmi)

    Forum Moderator

    Site url?

    esmi

    (@esmi)

    Forum Moderator

    It works pretty well for me when viewing your site.

    Only the header stays in place, the sidebar is forced to the bottom when the window is minimized. How can I stop that from happening?

    Michael

    (@alchymyth)

    Forum Moderator

    in your case (having copied the full css code from twenty eleven, and not having used @import) you could delete the responsive section of the stylesheet:

    from:

    /* =Responsive Structure
    ----------------------------------------------- */

    all the way down to:

    /* =Print
    ----------------------------------------------- */

    (those last lines excluded)

    @alchymyth Thanks so much, that worked like a charm! Can you explain exactly what happened there? I just like to understand what I did. Thanks again!

    Michael

    (@alchymyth)

    Forum Moderator

    Can you explain exactly what happened there?

    not really exactly – more generally:

    the responsive section adds new styles depending on the browser width (this is only working in more modern browsers) which change the layout to try and keep the information readable on one page without vertical scrolling.

    as you opted for a fixed with layout, these styles are causing havoc.

    i’m having the exact same problem, and tried alchymyth’s solution of
    removing:

    /* =Responsive Structure
    ———————————————– */

    all the way down to Print and it did not work. Does anyone else have any other suggestions on how to fix this?

    I’ve already started a form question just in case:
    http://wordpress.org/support/topic/resizing-window-width-squashes-content?replies=9#post-2748913

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Twenty Eleven Resize & Browser Issues’ is closed to new replies.