Title: Resizing window width squashes content
Last modified: August 20, 2016

---

# Resizing window width squashes content

 *  Resolved [Eric1984](https://wordpress.org/support/users/eric1984/)
 * (@eric1984)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/)
 * 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/](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)

 *  [Matthew Gedeon](https://wordpress.org/support/users/cmdrmatt/)
 * (@cmdrmatt)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684750)
 * 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](https://wordpress.org/support/users/eric1984/)
 * (@eric1984)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684752)
 * 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).
 *  [Matthew Gedeon](https://wordpress.org/support/users/cmdrmatt/)
 * (@cmdrmatt)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684757)
 * 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](https://wordpress.org/support/users/eric1984/)
 * (@eric1984)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684759)
 * I tried it, but unfortunately it did not work.
 * Any other suggestions?
 *  [Matthew Gedeon](https://wordpress.org/support/users/cmdrmatt/)
 * (@cmdrmatt)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684760)
 * [http://en.forums.wordpress.com/topic/twenty-eleven-theme-disable-responsive-structure](http://en.forums.wordpress.com/topic/twenty-eleven-theme-disable-responsive-structure)
 *  [Matthew Gedeon](https://wordpress.org/support/users/cmdrmatt/)
 * (@cmdrmatt)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684761)
 * 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](http://wordpress.org/support/topic/theme-twenty-eleven-how-to-prevent-elements-moving-when-broswer-window?replies=12)
 *  Thread Starter [Eric1984](https://wordpress.org/support/users/eric1984/)
 * (@eric1984)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684762)
 * 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](https://wordpress.org/support/users/eric1984/)
 * (@eric1984)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684764)
 * 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](https://wordpress.org/support/users/eric1984/)
 * (@eric1984)
 * [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684774)
 * 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.

## Tags

 * [content](https://wordpress.org/support/topic-tag/content/)
 * [resize](https://wordpress.org/support/topic-tag/resize/)
 * [window](https://wordpress.org/support/topic-tag/window/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 2 participants
 * Last reply from: [Eric1984](https://wordpress.org/support/users/eric1984/)
 * Last activity: [14 years, 1 month ago](https://wordpress.org/support/topic/resizing-window-width-squashes-content/#post-2684774)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics