Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #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;


    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,


    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.

    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,


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


    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,


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


    Hi mostafa0401,

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

    Best regards,

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

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