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
