-
AuthorPosts
-
April 4, 2021 at 7:16 pm #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;
}
}April 5, 2021 at 6:36 am #1292424Hi 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,
NikkoApril 5, 2021 at 11:33 am #1292453Hi 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 3 years, 7 months ago by mostafa0401.
April 5, 2021 at 6:01 pm #1292580Hi mostafa0401,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoApril 6, 2021 at 2:00 pm #1292777Hi Nikko, thank you. I have provided the link for the log in in the private section.
April 8, 2021 at 8:28 am #1293201Hi 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,
NikkoApril 8, 2021 at 9:27 am #1293212Hi Nikki, thank you so much, it was just what I was looking for, wow what a service.
April 8, 2021 at 10:12 am #1293219Hi mostafa0401,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Display table as inline block on mobile’ is closed to new replies.