# Resizing a pricing table for mobile

**URL:** <https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621>\
**Category:** Customization\
**Tags:** pricing-table\
**Created:** [August 23, 2022, 3:15pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621 "2022-08-23T15:15:00Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![user628](https://avatars.discourse-cdn.com/v4/letter/u/8edcca/32.png) [@user628](https://community.elfsight.com/u/user628)\
**Post date:** [August 23, 2022, 3:15pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/1 "2022-08-23T15:15:00Z")

</div>

My site features a 4 column pricing chart that looks great on desktop. Does anyone know some quick CSS to confine it to mobile proportions? Right not it’s chopping it all up and putting things in random places.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 23, 2022, 6:56pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/2 "2022-08-23T18:56:12Z")

</div>

Hello @user628 and welcome aboard the aircraft called Elfsight Community ✈. Please fasten your seat belts 💺 because you are going to be stormed by our friendliness and incredible support 🫶.

I’ll be happy to help you! Could you please provide me with a direct link to the webpage where the widget is installed?

---

<div class="post-metadata">

**Author:** ![user628](https://avatars.discourse-cdn.com/v4/letter/u/8edcca/32.png) [@user628](https://community.elfsight.com/u/user628)\
**Post date:** [August 23, 2022, 7:06pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/3 "2022-08-23T19:06:38Z")

</div>

Yes, it’s [Healthcare Providers — Sure Med Compliance](https://www.suremedcompliance.com/healthcare-providers)

---

<div class="post-metadata">

**Author:** ![user628](https://avatars.discourse-cdn.com/v4/letter/u/8edcca/32.png) [@user628](https://community.elfsight.com/u/user628)\
**Post date:** [August 23, 2022, 7:07pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/4 "2022-08-23T19:07:44Z")

</div>

The pricing table is towards the bottom

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 24, 2022, 1:05pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/7 "2022-08-24T13:05:02Z")

</div>

Hello @user628!

Thank you for waiting!

I am deeply sorry for the inconvenience it might have caused! Please accept my sincere apologies!

I have forwarded your request to our developers, and hopefully, they will come up with a solution very soon, I’ll keep you updated.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [August 25, 2022, 3:16pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/9 "2022-08-25T15:16:25Z")

</div>

Hey @user628! Great news 🔥!

We’ve managed to fix the issue!

Please check it and let me know if you like what you see.

---

<div class="post-metadata">

**Author:** ![Virtuoso](https://avatars.discourse-cdn.com/v4/letter/v/8baadc/32.png) [@Virtuoso](https://community.elfsight.com/u/Virtuoso)\
**Post date:** [October 2, 2022, 5:19pm UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/10 "2022-10-02T17:19:47Z")

</div>

Hey guys,

What was the fix? I’m having the same issue.

Many thanks  
Ryan

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [October 3, 2022, 8:21am UTC](https://community.elfsight.com/t/resizing-a-pricing-table-for-mobile/2621/11 "2022-10-03T08:21:23Z")

</div>

@Virtuoso Hi Ryan, happy to welcome you on our forum! 🤗

I see that my colleague Marina has already responded to your support ticket and provided a solution.

Just in case, I’m duplicating the CSS code she provided you with here:

```auto
.global-styles,
.eapps-pricing-table {
z-index: 1;
}

.global-styles,
.eapps-pricing-table * {
float: none !important;
}

```

I hope it helped you fix the issue, but if you’ve got any other questions, our community is always here for you 🙂