Jak změnit bod zobrazení mobilního menu u Divi šablony

Mobilní menu u Divi slučuje primární a sekundární menu a upravuje zobrazení hlavičky pro malé zařízení. Díky tomu pak na telefonu není v hlavičce spousta položek, ale je zde ikona, která vyvolá celé menu.

Standardní změna hlavičky a sloučení menu je nastavena pro šířku 981px. Nicméně každý web je jiný a u některého potřebujete mobilní menu vyvolat dřív.

Bod (šířka stránky), kdy se zobrazí mobilní menu lze upravit velmi jednoduše pomocí CSS níže.

Snippet vložte nejlépe do style.css v child šabloně.

/* Nastavení, kdy se zobrazí mobilní menu. */
@media only screen and ( max-width: 1200px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
#et-secondary-nav, #et-secondary-menu {display: none !important;}
}