Terrible tablet performane

Hi,
I have two css code snippets for you to try in your WordPress > Customize > Additional CSS field.
This first one gives you the mobile width of the columns and the mobile menu:

@media only screen and (max-width:767px){
.responsive #top .av-hide-on-mobile{display:none!important;}
.responsive #top #wrap_all #header{position:relative;width:100%;float:none;height:auto;margin:0!important;opacity:1;min-height:0!important;}
.responsive #top #main{padding-top:0!important;margin:0!important;}
.responsive #top #main .container_wrap:first-child{border-top:none!important;}
.responsive #top .logo{position:static;display:table;height:80px!important;float:none;padding:0;border:none;width:80%!important;}
.responsive .logo a{display:table-cell;vertical-align:middle!important;}
.responsive .logo img{height:auto!important;width:auto;max-width:100%;display:block;max-height:80px!important;}
.responsive #header_main .container{height:auto!important!important;}
.responsive #top .header_bg{opacity:1;filter:alpha(opacity=1)!important;}
.responsive #header .social_bookmarks{padding-bottom:2px;width:100%;text-align:center;height:auto;line-height:0.8em;margin:0!important;}
.responsive #header .social_bookmarks li{float:none;display:inline-block!important;}
.responsive .logo img{margin:0!important;}
.responsive.html_header_sidebar #top #header .social_bookmarks{display:none!important;}
.responsive .av-burger-menu-main{display:block!important;}
.responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right:0;display:block;position:absolute!important;}
.responsive .main_menu ul:first-child > li a{height:80px;line-height:80px!important;}
.responsive #top .av-main-nav .menu-item{display:none!important;}
.responsive #top .av-main-nav .menu-item-avia-special{display:block!important;}
.responsive #top #header .social_bookmarks{display:none!important;}
.responsive #top .av-logo-container .avia-menu{height:100%!important;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,.responsive #top #wrap_all .av-logo-container{height:80px;line-height:80px!important;}
.responsive #top #wrap_all .av-logo-container{padding:0!important;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a{min-width:0;padding:0 0 0 20px;margin:0;border-style:none;border-width:0!important;}
.responsive #top #header .av-main-nav > li > a,.responsive #top #header .av-main-nav > li > a:hover{background:transparent;color:inherit!important;}
.responsive.html_header_sidebar #main{border:none!important;}
.responsive #scroll-top-link{display:none!important;}
}

Or you can try this one that gives you the column width with the sidebar menu and the images, which on a tablet looks nicer, I think.

@media only screen and (max-width: 1023px) {
    .responsive .boxed #wrap_all {
        overflow:hidden !important; 
    }

    .responsive #top {
        overflow-x: hidden !important; 
    }

    .responsive .boxed#top,.responsive #top.boxed .stretch_full ,.responsive.html_boxed.html_header_sticky #header,.responsive.html_boxed.html_header_transparency div #header {
        width: 100% !important; 
        max-width: 100% !important; 
    }

    .responsive #top .flex_column_table_cell {
        display: block !important;
    }

    .responsive #top .flex_column_table {
        display: block !important;
    }

    .responsive #top #wrap_all .container {
        width: 85%!important;
        max-width: 85%!important;
        margin: 0 auto!important;
        padding-left: 0!important;
        padding-right: 0!important;
        float: none !important; 
    }

    .responsive .units,.responsive .unit {
        margin: 0 !important;
    }

    .responsive #top .container .av-content-small,.responsive #top #wrap_all .flex_column,.responsive #top #wrap_all .av-flex-cells .no_margin {
        margin: 0!important;
        margin-bottom: 20px!important;
        width: 100% !important;
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin {
        display: block!important;
        margin: 0!important;
        height: auto !important;
        overflow: hidden!important;
        padding-left: 8% !important;
        padding-right: 8% !important
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0 auto !important;
    }

    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
        padding-left: 0% !important;
        padding-right: 0% !important
    }

    .responsive #top #wrap_all .flex_column:empty {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 480px) and (max-width:1023px) {
}

.container:after {
    content: "\0020";
    display: block!important;
    height: 0!important;
    clear: both!important;
    visibility: hidden !important;
}

.clearfix:before,.clearfix:after,.flex_column:before,.flex_column:after,.widget:before,.widget:after {
    content: '\0020'!important;
    display: block!important;
    overflow: hidden!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0 !important;
}

.flex_column:after,.clearfix:after {
    clear: both !important;
}

.row,.clearfix {
    zoom:1}

.clear {
    clear: both!important;
    display: block!important;
    overflow: hidden!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0 !important;
}

body div .first,body div .no_margin {
    margin-left: 0 !important;
}

div .flex_column {
    z-index: 1!important;
    float: left!important;
    position: relative!important;
    min-height: 1px!important;
    width: 100% !important;
}

div .av_one_fifth {
    margin-left: 6%!important;
    width: 15.2% !important;
}

div .av_one_fourth {
    margin-left: 6%!important;
    width: 20.5% !important;
}

div .av_one_third {
    margin-left: 6%!important;
    width: 29.333333333333332% !important;
}

div .av_two_fifth {
    margin-left: 6%!important;
    width: 36.4% !important;
}

div .av_one_half {
    margin-left: 6%!important;
    width: 47% !important;
}

div .av_three_fifth {
    margin-left: 6%!important;
    width: 57.599999999999994% !important;
}

div .av_two_third {
    margin-left: 6%!important;
    width: 64.66666666666666% !important;
}

div .av_three_fourth {
    margin-left: 6%!important;
    width: 73.5% !important;
}

div .av_four_fifth {
    margin-left: 6%!important;
    width: 78.8% !important;
}

div .av_one_sixth {
    margin-left: 6%!important;
    width: 11.666666666666666% !important;
}

div .av_one_seventh {
    margin-left: 6%!important;
    width: 9.142857142857142% !important;
}

div .av_one_eighth {
    margin-left: 6%!important;
    width: 7.25% !important;
}

div .av_one_nineth {
    margin-left: 6%!important;
    width: 5.777777777777778% !important;
}

div .av_one_tenth {
    margin-left: 6%!important;
    width: 4.6% !important;
}

#top div .no_margin {
    margin-left: 0!important;
    margin-top: 0 !important;
}

#top .no_margin.av_one_fifth {
    width: 20% !important;
}

#top .no_margin.av_one_fourth {
    width: 25% !important;
}

#top .no_margin.av_one_third {
    width: 33.3% !important;
}

#top .no_margin.av_two_fifth {
    width: 40% !important;
}

#top .no_margin.av_one_half {
    width: 50% !important;
}

#top .no_margin.av_three_fifth {
    width: 60% !important;
}

#top .no_margin.av_two_third {
    width: 66.6% !important;
}

#top .no_margin.av_three_fourth {
    width: 75% !important;
}

#top .no_margin.av_four_fifth {
    width: 80% !important;
}

#top .no_margin.av_one_sixth {
    width: 16.666666666666668% !important;
}

#top .no_margin.av_one_seventh {
    width: 14.285714285714286% !important;
}

#top .no_margin.av_one_eighth {
    width: 12.5% !important;
}

#top .no_margin.av_one_nineth {
    width: 11.11111111111111% !important;
}

#top .no_margin.av_one_tenth {
    width: 10% !important;
}

#top .flex_column_table {
    display: table!important;
    table-layout: fixed!important;
    width: 100% !important;
}

#top .flex_column_table_cell {
    float: none!important;
    display: table-cell !important;
}

#top .av-flex-placeholder {
    display: table-cell!important;
    width: 6% !important;
}

.av-align-top {
    vertical-align: top !important;
}

.av-align-middle {
    vertical-align: middle !important;
}

.av-align-bottom {
    vertical-align: bottom !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike