Pricing Tables on Mobile View

Hi, the Pricing Tables I have created do not look good on the MOBILE version. On Desktop view they are good, but on Mobile they are all cramped and compressed.
Can anybody help?

Hi,

I am sorry to hear that you’ve been into an issue. I am happy to help out.

Can you share a link to your page needing help with the pricing tables here, because I need to do direct checking to find out the cause?

Adding, can you confirm whether this issue also occurs on our home page demo?

Regards,
Kharis
aThemes Support

hi, my website is https://www.thegrownlife.com
I have no problems viewing the demo on my phone. The problem occurs when I open my website on my phone. The tables are compressed

Hi,

Thank you for sharing the link. Try adding this CSS code to your website’s Additional CSS under Appearance menu > Customize.

    @media only screen and (max-width: 991px) {

      .plan-area .pricing-table.astrid-3col {
        width: 50%;
      }
      
    }

    @media only screen and (max-width: 600px) {

      .plan-area .pricing-table.astrid-3col {
        width: 100%;
      }
      
    }

Regards,
Kharis
aThemes Support

Amazing, it worked! Thank you very much.

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support