Pricing-Table.Threecol responsive alignment

Support Forums for LiveMesh Themes & Plugins Forums Appdev Theme Support Pricing-Table.Threecol responsive alignment

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7196
    Alonaradalonarad
    Member

    Hi,

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

    Please advise,

    Tnx.

    #7213
    ErnestoErnesto
    Member

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

    #7216
    Alonaradalonarad
    Member

    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.

    #7229
    ErnestoErnesto
    Member

    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!

    #7275
    Alonaradalonarad
    Member

    Now the problem is between 514px and 626px.

    #7291
    ErnestoErnesto
    Member

    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!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Appdev Theme Support’ is closed to new topics and replies.