Pricing table with the responsive problem

Hey igorcbg,

Please, can you send a screenshot about this issue? I checked your site on mobile device and all looks normal.

Best regards,
John Torvik

Hi,

Try adding this css code in Quick CSS (located in ENfold > General Styling):

@media only screen and (min-width:768px) and (max-width:959px) {
  .page-id-8 #main ul.pricing-table.avia-desc-col li:nth-child(2), 
  .page-id-8 #main ul.pricing-table.avia-desc-col li:nth-child(4) {
    min-height: 65px;
  }

  .page-id-8 #main ul.pricing-table.avia-desc-col li:nth-child(5) {
    min-height: 88px;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Try using this css code instead:

@media only screen and (min-width:768px) and (max-width:959px) {
  .page-id-8 #main ul.pricing-table.avia-desc-col li:nth-child(2), 
  .page-id-8 #main ul.pricing-table.avia-desc-col li:nth-child(4) {
    min-height: 65px;
  }

  .page-id-8 #main ul.pricing-table.avia-desc-col li:nth-child(5) {
    min-height: 88px;
  }

  .page-id-8 #main ul.pricing-table li.avia-pricing-row font {
    font-size: 40px !important;
  }

  .page-id-8 #main ul.pricing-table li.avia-pricing-row span.currency-symbol {
    top: -4px !important;
  }

  .page-id-8 #main ul.pricing-table li.avia-pricing-row span font {
    font-size: 30px !important;
  }
}

Best regards,
Nikko

Hi,

Hmmm, that should work. Can you post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

Thanks, can you try to clear the browser cache and check again (or try another browser that hasn’t opened the site before). If that still doesn’t show, can you post a screenshot.

Best regards,
Nikko

Hi,

Seems like adjusting it doesn’t help, would it be okay to hide the first table with title then just show the 3 tables with the titles on top? For example it would look like:

frequency
5 x 135 minutes a week

just centered.

Best regards,
Nikko

Hi,

Hmmm, I think having 3 columns with uneven content causes responsive issues, what I can suggest is to make it 1 column on its responsive version. Can you add a class name to the table for example: mytable and add this css code in Quick CSS:

#top .mytable .pricing-table-wrap {
    display: block;
    float: none;
    margin: 0 auto 50px;
    width: 100%;
    max-width: 420px;
}

Let us know if this helps.

Best regards,
Nikko