Responsive issue with table

Hi Kevin!

There is an issue with table, on the latest version of Enfold.
Kriesi is working to get it fixed on a next update.

Thanks a lot for reporting it to us

Regards,
Basilis

Hi Kevin,

This is the workaround that I can suggest, add a custom class to the table (instructions at the bottom) and create another table (this is for the mobile version) add a custom class to it. The idea is the current table will be in desktop, ipad except for mobile and the new table that you will be creating will be shown in mobile but not in desktop.

To add a custom class in the table Go to Appearance > Editor and open functions.php and find this code:
// add_theme_support('avia_template_builder_custom_css');
and replace it with
add_theme_support('avia_template_builder_custom_css');
then save it.

Edit the table and at the bottom you should see Custom Css Class add this in it: hide-mobile and Save

Create a new table and in the Custom Css Class add: hide-desktop, (add contents) then Save and Update

Go to Enfold Theme Options > General Styling > Quick CSS and add this code:

.hide-desktop{
    display: none;
}

@media only screen and (max-width:767px) {
    .hide-desktop{
        display: block;
    }

    .hide-mobile {
        display: none;
    }
}

and Save

I hope you find this helpful :)

Best regards,
Nikko