Mobile: Pricing tables narrow and cramped on mobile version

Hi There,

I noticed that my pricing page is perfect on web (I used a plugin to create this table), but then on mobile it looks all squashed and elongated :frowning: Is there any way I can fix this at all?

The URL is: https://esteemedassist-salma.com/price-plans

Many thanks

Best,
Mel

Hi there,

You can use this CSS code to extends the width of the price boxes when in mobile screen:

.ptsEl.ptsCol.ptsElWithArea {
    margin-bottom: 15px;
}
@media (max-width: 500px){
    .ptsEl.ptsCol.ptsElWithArea {
        width: 100% !important;
    }
}

Regards,

Hi Awan,

Thank you so much for this it worked yayyy :slight_smile:

Best,
Mel

1 Like