Menu verschijnt op 2 regels

Het kan wel eens zo zijn dat, doordat je meerdere menu-items hebt en je de website op een kleiner beeldscherm bekijkt, je menu op 2 regels komt te staan. Voornamelijk bij een liggende iPad weergave kan dit gebeuren. Dit ziet er natuurlijk een beetje gek uit! In dit artikel laat ik je zien hoe je dit kunt oplossen.

1. Ga naar de achterkant van je website

2. Klik in het menu op 'Instellingen' > 'Thema opties'

   

3. Scrol naar beneden tot je bij 'Aangepaste CSS' komt
4. Kopieer het volgende stukje code en plaats dat op een regel onder al huidige regels. Dus wanneer er al iets in dit veld staat, plaats je helemaal achteraan je muis, druk je op enter zodat je de volgende code op een nieuwe regel kunt toevoegen:

@media (max-width: 1024px) {
  #et_mobile_nav_menu {
    display: block;
  }
  #top-menu-nav {
    display: none;
  }
}
    

1. Sla de wijzigingen op door op 'Wijzigingen opslaan' te klikken
2. Ga naar de voorkant van je website om te controleren of het nu goed werkt!