Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #879679

    Hi,
    I’ ve got a problem with my pricing table. So if I resize the browser window, the description of the table and the data entry are not in the same line.

    Maybe you can help me to solve this problem.

    Thank you.

    #879899

    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

    #879919
    This reply has been marked as private.
    #880163

    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

    #880176

    Hi Nikko, not really. The error still exists.

    #880186

    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

    #880195

    Thank you, but it doesn’t work. No changes.

    #880246

    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

    #880256

    Ok, done.

    #880771

    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

    #880800

    Hi Nikko, another browser, the same problem.

    #880851

    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

    #881192

    Hi, Nikko. Ok, I think it will be better to do that. But I have another problem with the responsivity of the pricing table. Would you help me to fix it.

    #881220

    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

    #882176

    Thank you, Nikko, but it looks like that it won’t be better with all the changes. The theme is really good, but the problems with the responsivity are really problematically.
    Now, I have the responsivity problem with the sideboard widget. I think, the page should sliding earlier to the tablet/smartphone view. Look at the screenshot, the right part (sidebar widget) is cut of the page. And in the small screen view, there is no sidebar, but i would like to have it there. How can I solve this problem?

    #882220

    I have also another problems with the responsive view. There are a lot of problems with the responsivity of the page. The mobile/tablet view should be earlier displayed, so that no content can be cut off or out of line.
    Please, make the browser window smaller and you’ll see all the problems – especially on the right side.

    #882963

    Hi,

    The site looks good on an iPad device. Where are you checking this? Are you resizing the browser?

    // https://imgur.com/a/J0vNb

    Do you want to the columns to adjust to full width on smaller screen sizes? If you do, please add this code in the Quick CSS field.

    @media only screen and (max-width: 1024px) {
       .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
           margin: 0;
           margin-bottom: 20px;
           width: 100%;
       }
    }

    Best regards,
    Ismael

Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.