Classic Pricing Table Not Scaling on Mobile Device

[vividground]

Hey, when using the classic pricing table element it doesn’t seem to appropriately scale on mobile screens.

Am I doing something wrong and/or is there any solution to this?

Link to website

https://findyourvalues.com/pricing

[tristup]

Hi @benedictheblich,

Thanks for reaching out.
I have checked your website and found that the custom CSS code or custom settings you have made. I would suggest you set the value to the default or remove the custom code to get rid of this issue.

Hope it helps.
Thanks

[vividground]

Thanks for the quick response!

I tested it by removing all of the custom CSS but it still doesn’t seem to scale

[tristup]

Hi @benedictheblich,

Can you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[vividground]

Attached to this post.

Thanks.

[tristup]

Hi @benedictheblich,

It seems that the Layout of the Row is set to the 2 Column. I went ahead and created a test page with the same content and set the Layout to 1 Column and now it is working fine. I would suggest you check the test page settings and replicate it in your Pricing page.

Pricing Page:

Test Page: https://findyourvalues.com/test-2/

Hope it helps.
Thanks

[vividground]

Thanks! thats super strange all the settings seem exactly the same but somehow the original page does not reflect the responsiveness. It doesn’t show me this 2 column thing. So I just copied the section you made.

Still confused

[prakash_s]

Hello @benedictheblich,

To set the column layout of the Row you need to click on the Row magnifier icon —>Layout—>Set the column layout from here.

Hope it helps
Thanks