Pricing table text lost on responsive layout

[Jon-VizziBiz]

http://www.assuredsale.com/pricing/

WP – latest 1.9.1
Theme – 1.61

Layout of pricing table breaks in iPhone – text in left hand column doesn’t show. This makes the info unreadable!

A fix would be appreciated.

J

[Mohammad – SUPPORT]

Hi,
Please use this custom css code at Admin -> Theme Options -> Custom CSS => Here put given below code and update options .

@media only screen and (max-width: 767px) {
.labelled-pricing-table .pricing-table-package{font-size:18px !important}
}

Hope that should work and let me know.
Thanks 🙂
With Best Regards
Swift Ideas

[Jon-VizziBiz]

Hi Mohammad,

Added but appears not to work. caches cleared server and browser side. Can you look again.

Thanks,

J

[Mohammad – SUPPORT]

Hi,
Its looking perfect at my side so please attach a screenshot at your side.
Thanks 🙂
With Best Regards
Swift Ideas

[Jon-VizziBiz]

As you can see (if you reference the website on desktop) the 1st column is missing – so the 2,3,4 columns are meaningless

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:

@media only screen and (max-width: 767px) {
.labelled-pricing-table .pricing-table-package{font-size:18px}
.labelled-pricing-table .label-column{display:block !important}
.labelled-pricing-table.columns-4 .pricing-table-column{width:24.3%}
}
@media only screen and (max-width: 479px) {
.pricing-table-column{font-size:11px }
.labelled-pricing-table .pricing-table-package{font-size:13px}
}

Hope that should work and let me know your feedback.

Thanks

[Jon-VizziBiz]

Thanks – that’s better, but the columns don’t aligh properly – making it difficult to read. Close, but can this be fixed?

J

[Kyle – SUPPORT]

Unfortunately not sorry, due to text size etc

– Kyle

[Jon-VizziBiz]

Cheers Kyle – it’s a big improvement on no text at all

[Kyle – SUPPORT]

No problem

– Kyle