Style Pricing Table for Mobile (Media Query

[kyzcreig]

I’m using a plugin that gives quantity discounts and adds a pricing table. The table looks great except on mobile where it bleeds off the edge a bit, as seen above.

I think a media query to make the cells smaller would fix this. Can you help me?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 767px) {
.rp_wcdpd_pricing_table td {
   padding: 2px 4px 2px 4px !important;
}
}

Thanks
Mohammad

[kyzcreig]

Hi that didn’t do the trick. My tables are still bleeding off.

View post on imgur.com

[Mohammad – SUPPORT]

Hi,
Please remove my last code and use this new code:-

@media only screen and (max-width: 991px) {
.rp_wcdpd_pricing_table td {
   padding: 2px 3px 2px 3px !important;
}
}

Thanks
Mohammad

[kyzcreig]

Mohammad, this is perfect. Bless you!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad