Responsiveness of the Pro-sites pricing tables

I was wondering if there was a way to use the "max width" css to reorder the Pro Site pricing table when on a phone. Right now they just smush and look horrible. Is there a way to make them responsive?

  • Adam Czajczyk
    • Support Gorilla

    Hello Kenneth Lee,

    I hope you're well today and thank you for your question!

    Currently Pro Sites Pricing Tables are in fact less "mobile-friendly" that they should be. There are however on going works to make them better and hopefully future plugin releases will bring improved pricing tables.

    In order to make tables fully responsible/mobile friendly you will want to use a fair amount of custom CSS code. Are you familiar with CSS and do you know how to inspect DOM elements (html block related to selected elements on page)?

    This thread would be a good starter (if you're not using our Upfront themes you may safely ignore Upfront references):

    https://premium.wpmudev.org/forums/topic/pricing-table-is-not-mobile-friendly-responsive

    In case you'd need further assistance on this, let me know please.

    There's also a feature request to include ability to use entirely custom pricing tables with Pro Sites, which - I think - would solve a lot of similar issues. If that idea gains enough support from the members of our community, our developers will include it in one of future versions.

    You may want to give it a vote (either by clicking a "thumb up" or posting your support vote as a replay) here:
    https://premium.wpmudev.org/forums/topic/pro-site-hardcode-pricing-table

    Bet regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.