# Center HTML Embed in Mobile View

**URL:** <https://community.wpbeaverbuilder.com/t/center-html-embed-in-mobile-view/18919>\
**Category:** Beaver Builder\
**Tags:** mobile\
**Created:** [September 4, 2024, 5:18pm UTC](https://community.wpbeaverbuilder.com/t/center-html-embed-in-mobile-view/18919 "2024-09-04T17:18:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tesseon](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/t/ee59a6/32.png) [@Tesseon](https://community.wpbeaverbuilder.com/u/Tesseon)\
**Post date:** [September 4, 2024, 5:18pm UTC](https://community.wpbeaverbuilder.com/t/center-html-embed-in-mobile-view/18919/1 "2024-09-04T17:18:31Z")

</div>

I am trying to correct the Header Button and Form on this page corrected on mobile view. I would like to use CSS.

> **[Small Business LP - Tesseon](https://tesseon.com/small-business-lp/)**
>
> TRANSPARENT PRICING, NO CONTRACTS Small Business Payroll In the world of small business, every decision counts. As a small business like yours, we understand the frustration of impersonal service. That's why we do things differently: Dedicated...

Can anyone help me with the code?

---

<div class="post-metadata">

**Author:** ![craiger522](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/craiger522/32/1390_2.png) [@craiger522](https://community.wpbeaverbuilder.com/u/craiger522)\
**Post date:** [September 4, 2024, 6:10pm UTC](https://community.wpbeaverbuilder.com/t/center-html-embed-in-mobile-view/18919/2 "2024-09-04T18:10:46Z")

</div>

Hi Krissie!

You have a lot of uses of !important in your css, so it becomes a process of overriding the overrides. 🙂

But this should get you close. You’ll need to work on the vertical spacing in your header.

Put this at the bottom of your custom styles:

```auto
@media (max-width: 992px) {
    .fl-builder-content .fl-node-ezcraoujt1gq {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .fl-builder-content .fl-node-1k8maznsev5w {
        width: 100% !important;
    }
}

```

---

<div class="post-metadata">

**Author:** ![Tesseon](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/t/ee59a6/32.png) [@Tesseon](https://community.wpbeaverbuilder.com/u/Tesseon)\
**Post date:** [September 5, 2024, 5:57pm UTC](https://community.wpbeaverbuilder.com/t/center-html-embed-in-mobile-view/18919/3 "2024-09-05T17:57:31Z")

</div>

Thank you so much! I appreciate the help.

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [September 7, 2024, 8:09pm UTC](https://community.wpbeaverbuilder.com/t/center-html-embed-in-mobile-view/18919/4 "2024-09-07T20:09:24Z")

</div>

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.