# Layout not responding :(

**URL:** <https://community.hubspot.com/t/layout-not-responding/2561>\
**Category:** CMS Development\
**Created:** [June 29, 2017, 9:53am UTC](https://community.hubspot.com/t/layout-not-responding/2561 "2017-06-29T09:53:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ying](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ying/32/38114_2.png) [@Ying](https://community.hubspot.com/u/Ying)\
**Post date:** [June 29, 2017, 9:53am UTC](https://community.hubspot.com/t/layout-not-responding/2561/1 "2017-06-29T09:53:29Z")

</div>

My designer’s away and I’m trying to get the headers and body to adjust when the screen size changes but I can’t seem to find the right place to do this. I think it’s in the CSS somewhere - would anyone be able to tell me what code I need to insert where?

> **[Actionable Insights For Sales & Marketing Professionals](https://blog.secretsourcemarketing.com/double-digit)**
>
> Secret Source Marketings' blog for digital inbound marketing strategies and offline tactics to grow your brand, and build pipeline. Actionable insights for double-digit growth!

Thank you!!

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [June 29, 2017, 3:44pm UTC](https://community.hubspot.com/t/layout-not-responding/2561/2 "2017-06-29T15:44:09Z")

</div>

@Ying

Your .body-container-wrapper div is set to a width of 1100px and all of it’s children are set to a width of 100% so basically 1100px.

You could do a media query:

```auto
@media (max-width: 1100px) {

 .body-container-wrapper {
 width: 800px
 }

}

@media (max-width: 800px) {

 .body-container-wrapper {
 width: 450px
 }

}

```

There are more graceful ways to do this but this is easiest and at least your content will be mobile friendly. just put this at the bottom of your css.

---

<div class="post-metadata">

**Author:** ![Ying](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ying/32/38114_2.png) [@Ying](https://community.hubspot.com/u/Ying)\
**Post date:** [June 29, 2017, 4:23pm UTC](https://community.hubspot.com/t/layout-not-responding/2561/3 "2017-06-29T16:23:17Z")

</div>

Thank you! It works beautifully!

---

<div class="post-metadata">

**Author:** ![Jsum](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jsum/32/20405_2.png) [@Jsum](https://community.hubspot.com/u/Jsum)\
**Post date:** [June 29, 2017, 4:28pm UTC](https://community.hubspot.com/t/layout-not-responding/2561/4 "2017-06-29T16:28:12Z")

</div>

@Ying,

No problem. You should also check the console (ctl+shift+i or cmd+shift+i). You have a few errors being thrown. Just fyi.