• Resolved Eric1984

    (@eric1984)


    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.

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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?

    Thread Starter Eric1984

    (@eric1984)

    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).

    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.

    Thread Starter Eric1984

    (@eric1984)

    I tried it, but unfortunately it did not work.

    Any other suggestions?

    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

    Thread Starter Eric1984

    (@eric1984)

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

    Thread Starter Eric1984

    (@eric1984)

    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?

    Thread Starter Eric1984

    (@eric1984)

    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!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Resizing window width squashes content’ is closed to new replies.