Pricing-Table.Threecol responsive alignment

[alonarad]

Hi,

In responsive mode, in screen size between 480-528px, the pricing table isn’t align well.

Please advise,

Tnx.

[Ernesto]

Hi! Please send us a link to your webpage so we can inspect the issue by ourselves! Cheers!

[alonarad]

Hi,

Attache please find a print screen of your site (https://www.livemeshthemes.com/appdev/).
In red circle – the width (same problem between 480-528px).

Tnx.

[Ernesto]

Hi! In the demo site, it works out using the following CSS code:
.pricing-table .threecol {width: 40%;}

Let us know if that worked out for you!

[alonarad]

Now the problem is between 514px and 626px.

[Ernesto]

Hi! You can try out the following codes:

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 528px) {.pricing-table .threecol {width: 40%;}}

@media only screen 
and (min-device-width : 514px) 
and (max-device-width : 628px) {.pricing-table .threecol {width: 40%;}}

This kind of CSS allow you to adjust the width of any object to specific max/min width of the page.

Let us know if this helped! Cheers!

[Author]

Posts