Make Pricing Table Vertical On Mobile

  • Resolved akshaysihag

    (@akshaysihag)


    5 years, 7 months ago

    Hi there, is it possible to make the pricing table vertical on mobile only ? Because it is getting cut off on mobile and i like the vertical alignment of it but only on mobile, is it possible to do that ?

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

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

    (@ijasacodez)

    5 years, 7 months ago

    Currently plugin don’t have option to make pricing table vertical on mobile, you can do the same by adjusting the css styles (using @media rules), if needed we can help you with the same.

    Thread Starter akshaysihag

    (@akshaysihag)

    5 years, 7 months ago

    Yes please help me with that, can you give me the correct CSS styling for media rules ?

    Plugin Support ijas

    (@ijasacodez)

    5 years, 7 months ago

    Sorry for the delay, please paste this code on your css file or wordpress 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;}
}
    Plugin Support ijas

    (@ijasacodez)

    5 years, 7 months ago

    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.

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

The topic ‘Make Pricing Table Vertical On Mobile’ is closed to new replies.