Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

Šablony

DIVI – fixovaná navigace v mobilním zobrazení

Petr 2 odpovědi

Dobrý den, mám dotaz zda se dá nějak zafixovat navigace s logem a hamburger menu na mobilním zařízení. Na klasickém zobrazení pro PC, menu při scrolování zůstává stále viditelné nahoře na stránce. To samé bych chtěl docílit i na mobilním zařízení. Při mobilním zobrazení se totiž tento pruh s hamburger menu při scrolování posouvá také. Což, pokud chci přejít na jinou stránku nutí scrolovat zase zpět nahoru. Jde toto zafixovat ? Děkuji předem za radu.

Odpovědi 2

Tomáš Cirkl, WPlama Odpověď WPlama

Dobrý den,
jen přes nastavení to nejde, ale můžete si to snadno dodělat pomocí vlastního CSS.

CSS vložte do Vzhled -> Přizpůsobit -> Vlastní CSS:

Fixní ukotvení mobilního menu:

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

Možnost posouvat rozbaleným menu:

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
petkau Tazatel

Děkuji moc, jste skvělý !

Přidat odpověď

Přidat odpověď

E-mail nezveřejníme. Odpověď se může zobrazit až po schválení.