Width customization of the Pricing Table

Ask the Community Customization
1

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

2 Likes
3

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 :slightly_smiling_face:

1 Like
4

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!

2 Likes
5

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 :slightly_smiling_face:

1 Like
6

Thank you

2 Likes
7

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

.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 :slightly_smiling_face:

1 Like
8

Amazing thank you!!!

1 Like
9

No sweat :wink: