-
Posts
-
I am using the enfold table in some of my pages to display comparison data. It all views properly in the mobile view properly, except that the header for the column 3 data is not displaying the header. It shows the tag for both Shots and Drops, but is missing Tablets.
It also does the same on the Locations page when we want to show hours. It shows the header for shot hours but not office hours.
I am running on the latest version of wordpress and just updated to Enfold 3.8. Your assistance is appreciated.
Hey CORMarketing,
Please edit your table and choose to make your table scrollable on mobile – http://i.imgur.com/omYhQgpr.png then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) { .avia_scrollable_table .avia-table { width: auto; } }Best regards,
YigitI made those changes, but on my mobile screen (Galaxy 6) , the text is overlapping into the other cells.
Is there not a fix for adjust table size to screen? I would prefer that option as it makes the content easier to read. I just need to other header option to show up for the last column.
Sincerely,
Carey Osenbau
Hey!
I’m sorry but the table in the page is still not scrollable. Please set it to scrollable then we can apply a minimum width to it.
@media only screen and (max-width: 989px) { .responsive .avia_scrollable_table .avia-data-table > thead > tr > th, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th, .responsive .avia_scrollable_table .avia-data-table > thead > tr > td, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td { white-space: normal; } div .avia-table { min-width: 989px; } }Best regards,
Ismael
- You must be logged in to reply to this topic.