The pro Sites' pricing table is not responsive

Pro Sites pages are not mobile, tablet or small screen friendly. I did a two min video here https://www.screencast.com/t/Jk57lTVgqUQ to show you what I mean. Is it possible to make it mobile responsive?

  • Swapnil

    Hi Greg,

    Thank you for the video explanation. It was a great idea.

    Styles can be added in Pro Sites custom fields as well but since you're already adding some CSS rules in child themes it might be best continuing adding the code there.

    Could you try adding below CSS code and see if it looks good after that:

    /* WPMUDEV support - start */
    @media only screen and (min-device-width : 579px) and (max-device-width : 960px) {
        .page-id-25 .entry-content {
            margin: 0!important;
        }
    
        ul.pricing-column.psts-level-3.featured {
            width: 30% !important;
        }
    
        .pricing-column {
            width: 30% !important;
        }
    
        .pricing-column .title {
            font-size: 14px !important;
        }
    
    }
    
    @media only screen and (max-device-width : 579px) {
        ul.pricing-column.psts-level-3.featured {
            width: 100% !important;
        }
    
        .pricing-column {
            width: 100% !important;
        }
    
        .pricing-column .title {
            font-size: 14px !important;
        }
    
    }
    /* WPMUDEV support - end */

    Best regards,
    Swapnil V. Patil

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.