WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven Resize & Browser Issues (12 posts)

  1. iRJscott
    Member
    Posted 3 years ago #

    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.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

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

  3. iRJscott
    Member
    Posted 3 years ago #

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

  4. iRJscott
    Member
    Posted 3 years ago #

    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?

  5. esmi
    Forum Moderator
    Posted 3 years ago #

    Site url?

  6. iRJscott
    Member
    Posted 3 years ago #

  7. esmi
    Forum Moderator
    Posted 3 years ago #

    It works pretty well for me when viewing your site.

  8. iRJscott
    Member
    Posted 3 years ago #

    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?

  9. alchymyth
    Forum Moderator
    Posted 3 years ago #

    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)

  10. iRJscott
    Member
    Posted 3 years ago #

    @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!

  11. alchymyth
    Forum Moderator
    Posted 3 years ago #

    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.

  12. Eric1984
    Member
    Posted 2 years ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.