Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1292366

    Hi guys i am trying to display a table as a inline-block, because i want all of the information on one line on mobile, i have tried to my table a class and added the following code the class but it is not working:

    @media only screen and (max-width: 800px) {
    .pris-tabell {
    display: inline-block;
    }
    }

    #1292424

    Hi mostafa0401,

    Try to disable CSS file merging and compression in Enfold > Performance.
    If that does not help, please give us a link to the page where this code is applied.

    Best regards,
    Nikko

    #1292453

    Hi thank you for the answer, disabling file merging and compression did nothing, the effect i am trying to achieve is what happens when i uncheck the display block css on the following:

    .responsive div .avia_responsive_table .avia-data-table table, .responsive div .avia_responsive_table .avia-data-table tbody, .responsive div .avia_responsive_table .avia-data-table tr, .responsive div .avia_responsive_table .avia-data-table td, .responsive div .avia_responsive_table .avia-data-table th

    I have put the link to the page in the private section.

    • This reply was modified 1 week, 4 days ago by  mostafa0401.
    #1292580

    Hi mostafa0401,

    Please 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
      ( to 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 an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1292777

    Hi Nikko, thank you. I have provided the link for the log in in the private section.

    #1293201

    Hi mostafa0401,

    Thanks for giving us admin access.
    I have updated your site and added this CSS code in Quick CSS:

    @media only screen and (max-width:767px) {
      #top .pris-tabell tr {
        display: flex;
      }
    
      #top .pris-tabell th,
      #top .pris-tabell td {
        overflow-wrap: break-word;
        width: 50%;
      }
    
      #top .pris-tabell td:before {
        display: none;
      }
    }

    Please review your site.

    Best regards,
    Nikko

    #1293212

    Hi Nikki, thank you so much, it was just what I was looking for, wow what a service.

    #1293219

    Hi mostafa0401,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Display table as inline block on mobile’ is closed to new replies.