Dante Pricing page NOT responsive on phone-HELP!!

[ravencreativeinc]

Help! My client is screaming. The pricing page on the url above is not reponsive and unreadable on a phone. What can I or you do to fix this?? Quick help would be appreciated.

[Rui Guerreiro – SUPPORT]

Hi,

There isn’t just enough space to display so many information. so the only alternative is to display the information in a different way(usually using accordions)

My advice will be to place the existing table price shortcode inside a text block and in the extra class add the following value hidden-xs so we can hide it in the mobile resolution.

And you will need to create the specific content that will only appear in mobiles using a row and place there the desired content(accordions or whatever you feel is better to represent a pricing table in a small screen).

In that row extra class you need to enter this code hidden-md-up so it only displays in mobile.

p.s- there is no other viable solution, the space is just too small to display a table

-Rui

[ravencreativeinc]

From my developer… just an FYI.

Works fine now.

Or you could just add a media query for smaller screens to adjust the column width to 100% and have it resize correctly for mobile.

/* ——————————————–
iPAD/TABLET PORTRAIT
——————————————– */

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

.columns-5 .pricing-table-column {
width: 100%;
}
}

[Rui Guerreiro – SUPPORT]

Thanks.
Easier that way, didn’t remind that option.

-Rui