Adjust pricing tables on iPad

[NickII]

Currently, when viewing the pricing tables (4) on an iPad (regular) the pricing table stacks itself to 2 on 2.

How do I force it to display as the full 4 options in one line as it does on larger screens?

[NickII]

This reply has been marked as private.

[Veena]

Pls use the below custom CSS in themeoptions –

@media only screen and (max-width: 1024px){
.pricing-table .threecol.zero-margin {
  width: 25%;
}}

[NickII]

Thanks. Is there a way for it to display like that for iPads but revert to the original settings for iPhones etc? If you look at the site now it’s a bit weird if viewed on there.

[Veena]

You can use the below custom CSS –

@media only screen and (max-width: 767px){
.pricing-table .threecol.zero-margin {
width: 50% !important;
}}
@media only screen and (max-width: 479px){
.pricing-table .threecol.zero-margin {
  width: 100% !important;
}}

[NickII]

Fantastic. Thanks!

[Author]

Posts