DIVI: Pełne menu na tablecie

Na podstawie Changing mobile menus to full in Divi on Tablets.

Domyślnie już przy szerokości 980 px DIVI zmienia menu na mobilne. Jednak czasem chcemy wyświetlić pełne menu również na tabletach.

Można to osiągnąć zmieniając odpowiednio style css.

Style CSS

Przejdź w panelu adm. do menu DIVI -> Opcje szablonów graficznych i w sekcji Niestandardowe CSS (na dole strony) wpisz poniższy kod:

/**
 * Tablet Menu Shown
 */
@media only screen and ( max-width:980px ) and ( min-width: 500px ) {
    #top-menu-nav {
        display: block !important;
        margin-bottom: 20px;
        margin-top: 6px
    }
    #top-menu {
        display: block !important;
    }
    #et_mobile_nav_menu {
        display: none !important;
    }
    .et-fixed-header #top-menu-nav {
        margin-bottom: 0;
    }
    /* set the width, and right align */
    #top-menu-nav {
        max-width: 980px;
        right: 0;
        left: auto;
    }
}