Pricing Table Not Responsive

Try adding this to your theme’s style.css file:

@media only screen and (max-width: 765px) {
 .ptp-col { width: 80%; }
 .ptp-pricing-table{ white-space: normal; }
}

Let me know if this helped.

Hi,

Thank you for your reply. We have added this to our CSS but unfortunately this hasn’t resolved the issue?

Do you have any other ideas / suggestions?

I look forward to your reply.

Many thanks,
James

Could you try this instead?

@media only screen and (max-width: 765px) {
.ptp-col { width: 80%; float:left;}
.ptp-pricing-table{ white-space: normal; }
}

If this doesn’t help please post a screenshot and your device’s resolution you used for testing.

Hi David,

thanks for your reply.

Unfortunately this still hasn’t fixed the issue.

I am looking at this on both minimising my browser and on my Nexus 5.

Many thanks,
James

Hi James,

The problem seems to be that your theme isn’t really responsive. Our pricing tables are only responsive if your theme is responsive.

That being said, try the following CSS:

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

.ptp-col { width: 96% !important; float:left;}

.ptp-pricing-table{ white-space: normal;
}
#primary {
     width: 780px !important;
}
}

If your problem continues I’d recommend you choose another theme.