# Width customization of the Pricing Table

**URL:** <https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348>\
**Category:** Customization\
**Tags:** pricing-table\
**Created:** [July 4, 2025, 11:22am UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348 "2025-07-04T11:22:47Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![PETE1](https://avatars.discourse-cdn.com/v4/letter/p/67e7ee/32.png) [@PETE1](https://community.elfsight.com/u/PETE1)\
**Post date:** [July 4, 2025, 11:22am UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/1 "2025-07-04T11:22:47Z")

</div>

Thank you. Can I use this for the pricing table so I don’t lose the left column on mobile? Sorry completely different question.

Cheers

---

<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:** [July 4, 2025, 11:36am UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/3 "2025-07-04T11:36:23Z")

</div>

That code is specifically for the FAQ app, and it won’t work for the Pricing Table widget.

Do you want to display all columns on mobile right away, or you need to show just 2? If I misunderstood your idea, please describe it in more detail 🙂

---

<div class="post-metadata">

**Author:** ![PETE1](https://avatars.discourse-cdn.com/v4/letter/p/67e7ee/32.png) [@PETE1](https://community.elfsight.com/u/PETE1)\
**Post date:** [July 4, 2025, 11:44am UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/4 "2025-07-04T11:44:35Z")

</div>

> **[Prop – For serious traders.](https://www.prop.is/)**
>
> We provide the capital, support, and structure for traders.

I can’t get the pricing table on mobile to display the left column. I think it’s an open feature.

Cheers. Loving these widgets by the way!

---

<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:** [July 4, 2025, 2:11pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/5 "2025-07-04T14:11:42Z")

</div>

Ah, I see! The thing is that the Head Column shouldn’t appear on mobile devices, this is a correct behavior that was set by design.

However, I see that the mobile layout isn’t applied to the widget on your website, this is why you see the edge of the Head Column. I’ve forwarded this issue to the devs and will update you once it’s fixed 🙂

---

<div class="post-metadata">

**Author:** ![PETE1](https://avatars.discourse-cdn.com/v4/letter/p/67e7ee/32.png) [@PETE1](https://community.elfsight.com/u/PETE1)\
**Post date:** [July 4, 2025, 2:36pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/6 "2025-07-04T14:36:44Z")

</div>

Thank you

---

<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:** [July 7, 2025, 3:01pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/7 "2025-07-07T15:01:02Z")

</div>

We’ve fixed the issue by adding this code to the Custom CSS field on the Appearance tab of your widget’s settings:

```auto
.global-styles, h2.tw-text-4xl, h2.tw-text-4xl > div > div {
  width: 100%;
  min-width: unset !important;
}

```

  

Please check it out and let me know if everything is fine now 🙂

---

<div class="post-metadata">

**Author:** ![PETE1](https://avatars.discourse-cdn.com/v4/letter/p/67e7ee/32.png) [@PETE1](https://community.elfsight.com/u/PETE1)\
**Post date:** [July 7, 2025, 3:53pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/8 "2025-07-07T15:53:48Z")

</div>

Amazing thank you!!!

---

<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:** [July 7, 2025, 4:50pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/9 "2025-07-07T16:50:45Z")

</div>

No sweat 😉

---

<div class="post-metadata">

**Author:** ![PETE1](https://avatars.discourse-cdn.com/v4/letter/p/67e7ee/32.png) [@PETE1](https://community.elfsight.com/u/PETE1)\
**Post date:** [August 3, 2025, 12:43pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/10 "2025-08-03T12:43:23Z")

</div>

Hi Max,

The hint ? Doesn’t appear to be showing on mobile. The button looks active yet no popup or can’t visible see where it is if present.

Cheers,  
Pete

> ![](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/45/710_2.png "Max") | [Max](https://community.elfsight.com/u/max) Support Specialist  
> July 7 |
> 
> - | - |

We’ve fixed the issue by adding this code to the Custom CSS field on the Appearance tab of your widget’s settings:

```auto
.global-styles, h2.tw-text-4xl, h2.tw-text-4xl > div > div {
  width: 100%;
  min-width: unset !important;
}

```

Please check it out and let me know if everything is fine now 🙂

---

<div class="post-metadata">

**Author:** ![Irene](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/irene/32/35338_2.png) [@Irene](https://community.elfsight.com/u/Irene)\
**Post date:** [August 4, 2025, 4:36pm UTC](https://community.elfsight.com/t/width-customization-of-the-pricing-table/129348/12 "2025-08-04T16:36:02Z")

</div>

Hi @PETE1! I’m here to assist you further in Max’s absence 😊

Me and a couple of my colleagues checked your website on mobile, and the hints seem to be working for us fine 🤔

To investigate further, could you please send me a screen recording of what it looks like to you? It would really help a lot to get to the bottom of this 🙏
