WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Resizing window width squashes content (10 posts)

  1. Eric1984
    Member
    Posted 2 years ago #

    Hello everyone,

    When I resize the browser window all the contents squash together. This only happens when I adjust the width of the browser (there are no problems when adjusting the height).

    The URL is http://djdubfunk.com/
    I have already created a Child theme for it, the parent theme is twenty eleven.

    Thanks for your help in advance.

  2. Matthew Gedeon
    Member
    Posted 2 years ago #

    Twenty eleven is a responsive theme, which means that if you change the size of the browser, the contents will resize to fit the new screen size. This is helpful with all the people viewing sites on their mobile devices. The one thing that looks unintentional is that the slider doesn't resize with the rest of the theme. That would be very difficult to do. Do you want to get rid of the responsive design then?

  3. Eric1984
    Member
    Posted 2 years ago #

    Thanks for your reply.

    Yes I was wanting to get rid of the responsive design. It also affects what it looks like on smartphones (was wanting to have it looks exactly the same on all platforms).

  4. Matthew Gedeon
    Member
    Posted 2 years ago #

    You may not like how that works out for you, so make a copy of style.css to go back to before you do this.
    In style.css near the bottom of the file you will find a section titled /* =Responsive Structure
    ----------------------------------------------- */
    and you want to delete everything from that tag to the /* =Print
    ----------------------------------------------- */

    There's some chance that this won't get all the responsive features. I've never tried it before. Never wanted to downgrade a theme.

  5. Eric1984
    Member
    Posted 2 years ago #

    I tried it, but unfortunately it did not work.

    Any other suggestions?

  6. Matthew Gedeon
    Member
    Posted 2 years ago #

  7. Matthew Gedeon
    Member
    Posted 2 years ago #

    Here's one I think explains the process better. Which ever works for you works for me. http://wordpress.org/support/topic/theme-twenty-eleven-how-to-prevent-elements-moving-when-broswer-window?replies=12

  8. Eric1984
    Member
    Posted 2 years ago #

    thanks a lot for your replys, i'll have a look at both right now and let you know how it goes

  9. Eric1984
    Member
    Posted 2 years ago #

    Unfortunately I cannot get it to work; i've tried editing all of the #secondary parts within the stylesheet and it does not affect it at all.

    I'm just learning this as well so currently am not very experienced with coding.

    Anything else you can think of?

  10. Eric1984
    Member
    Posted 2 years ago #

    Got it to work!

    There are 2 parts to fixing it:

    Step 1:
    Delete everything from /* =Responsive to /* =Print

    Step 2:

    #page {
    	margin: 2em auto;
    	max-width: 1000px;
    }

    Change this to:

    #page {
    	margin: 2em auto;
    	max-width: 1000px;
    	min-width: 1000px;
    }

    Thanks a lot Matthew Gedeon, could'nt have done it without your help!

Topic Closed

This topic has been closed to new replies.

About this Topic