Pricing Table Not Responsive

  • Resolved s21swb

    (@s21swb)


    5 years, 6 months ago

    We are using the free version of the plugin on various products on our client’s site. The Pricing table is not responsive and on mobiles it goes off the edge of the screen and half of it cannot be read.

    Also, we don’t appear to have a ‘vertical’ option for the pricing table is the a pro feature?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support ijas

    (@ijasacodez)

    5 years, 6 months ago

    Please paste the code on your custom css section (Appearance -> Customize -> Additional CSS):

    @media screen and (max-width: 600px) {
    table.wdp_table { width:100%; }
    table.wdp_table tbody.wdp_table_body { width:300px; display:block; }
    table.wdp_table tbody.wdp_table_body tr { display:inline-block; width:50%; box-sizing:border-box; }
    table.wdp_table tbody.wdp_table_body tr td {display: block; text-align:left;}
}

    Please note the code is written for devices below 600px width, please change the value if needed. We are marking this thread as resolved, please feel free to open a new thread if you have any further queries. Thanks.

    We will try to include the same to our plugin code in our next update. Thanks..

    Plugin Support ijas

    (@ijasacodez)

    5 years, 6 months ago

    Hope its working fine, we are marking this thread as resolved, please feel free to open a new thread if you have any further queries. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Pricing Table Not Responsive’ is closed to new replies.