# Problem with CSS or overflow

**URL:** <https://community.hubspot.com/t/problem-with-css-or-overflow/9321>\
**Category:** CMS Development\
**Created:** [July 3, 2018, 3:39am UTC](https://community.hubspot.com/t/problem-with-css-or-overflow/9321 "2018-07-03T03:39:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![northamptonlaw](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/northamptonlaw/32/9140_2.png) [@northamptonlaw](https://community.hubspot.com/u/northamptonlaw)\
**Post date:** [July 3, 2018, 3:39am UTC](https://community.hubspot.com/t/problem-with-css-or-overflow/9321/1 "2018-07-03T03:39:49Z")

</div>

Hello all,

I can not for the life of me figure out how to adjust the overflow of this form:

 ![2018-07-02 (1).jpg](https://d2qpr2jzcazej7.cloudfront.net/original/1X/b432a981e2dbfc734608be41b6ce451e72121457.jpeg)

 ![2018-07-02.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/a/1a9dc22edddb3c4ddfa17c1af3c993994db1f0dd.jpeg)

---

<div class="post-metadata">

**Author:** ![MFrankJohnson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mfrankjohnson/32/22490_2.png) [@MFrankJohnson](https://community.hubspot.com/u/MFrankJohnson)\
**Post date:** [July 3, 2018, 8:35am UTC](https://community.hubspot.com/t/problem-with-css-or-overflow/9321/2 "2018-07-03T08:35:34Z")

</div>

\*\*  
 ![_hubspot-button-accept-as-solution-gif-v00.gif](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/8/280f73986e0517a27aa4068d06718dbcda1a42a2.gif)  
\*\*

**Does this post help you? If so, then help others by accepting it as a ‘solution’ (**_HubSpot word_**).**

**Q** : Problem with CSS or overflow?

**Short A** : n/a

**Longer A** :

Don’t know how to explain this behavior in technical language, but in plain English that HubSpot form seems to render fine on page load at any given view port size (e.g., screen size) in Chrome, Firefox and Edge on that WordPress page - [http://oui.northamptonlaw.com/](http://oui.northamptonlaw.com/)  
(see image)

 ![hubspot-design-form-david-mintz.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/5/15d97a607afa836d4513d8b8ddd0c6a58e6cbb03.png)

The only problem we’ve seen is when you try to resize the window without refreshing the page. Does that make sense?

Maybe some CSS big guns can give us more insight.

Does that help answer your question? If so, remember to accept this ‘solution’.

Best,  
Frank

* * *

_ **Please add @MFrankJohnson to your message if you’d like me to reply.** _

* * *

 ![hubspot-solutions-signature-mfrankjohnson-v03.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/7/2/72932fb841989f2b32ea0f23364863c18e73a7ee.png)

* * *

[www.MFrankJohnson.com](https://www.mfrankjohnson.com/?utm_source=hs-forum)

---

<div class="post-metadata">

**Author:** ![northamptonlaw](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/northamptonlaw/32/9140_2.png) [@northamptonlaw](https://community.hubspot.com/u/northamptonlaw)\
**Post date:** [July 5, 2018, 3:39am UTC](https://community.hubspot.com/t/problem-with-css-or-overflow/9321/3 "2018-07-05T03:39:34Z")

</div>

Thanks so much for your help! 🙂

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [July 3, 2018, 11:54am UTC](https://community.hubspot.com/t/problem-with-css-or-overflow/9321/4 "2018-07-03T11:54:39Z")

</div>

@northamptonlaw

While you’re in Visual Composer editor in your wordpress backend, you can add custom css by clicking on the gear icon (see image below)

 ![gear.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/d/1d5d1ba21587172da74ddd03d6a5ed5677b6723a.png)

Then, drop the following code into the css box

```auto
.hs-form-iframe {
 max-width: 100%!important;
}

```

Your issue is being cause by the iframe having a fixed width set to 420px. On smaller screen sizes, your left column contents are smaller than 420px, so you add a max width of 100% to prevent the overflow.

* * *

If this answer helped, please, mark as solved 😄

* * *

[tim@belch.io](mailto:tim@belch.io) | [https://forms.belch.io](https://forms.belch.io) | Free HubSpot Form Styler; No coding necessary.