Hamburger menu weergeven op desktop

23 aug 2022 | Custom code, Divi, Header / menu

Stel, je hebt een site ontworpen met een hamburger menu voor de desktop weergave. Je kiest voor het thema Divi en nu zoek je waar de setting zit om dit hamburger icoon weer te geven ipv het standaard menu. Well, je kunt het proberen met de themebuilder van Divi, daarmee ontwikkel je zelf een custom menu, of je kiest ervoor om het op te lossen met eigen css. Beide opties kunnen. Ik leer je in deze webdesign tip hoe je het kunt oplossen met CSS 😉

1) ga naar systeemanpasser van het thema

2) open extra css

3) voer onderstaande code in:

@media only screen and ( min-width:980px ) {

#mobile_menu { max-width: 400px; right: 0; left:auto; }

#et_mobile_nav_menu {

display:block !important; margin-bottom:25px; margin-top:6px }

#top-menu-nav {

display:none; }

.et-fixed-header #et_mobile_nav_menu { margin-bottom:0; }

}

4) klik publiceer en bekijk het resultaat

Heb je de tijd of energie niet om het zelf te doen?

Kom dan eens een bakkie doen!
Of vraag het mij om het voor jou te doen.