Swap Menu Logo 4 Divi

door | 27 januari 2018

Een fail-safe manier om logo’s te wisselen in de Primary, Secondary en Mobile header van Divi. Werkt in Explorer, Safari, Edge, Chrome, Firefox en Opera.
Het standaard DIVI menu kent 4 verschillende weergaven:

  • Primair
  • Fixed
  • Mobiel
  • Mobiel breed

Nu is niet elk logo geschikt om weergegeven te worden in al deze weergaven. Dus is het handig voor elk van deze weergaven een apart logo te definiëren.

Logo’s

Upload de 4 logo’s die je gaat gebruiken naar je media library van je WordPress installatie.

Aanpassen URL’s

Op de regels 3 – 6 dien je de URL’s van de 4 logo’s te plaatsen die je gaat gebruiken.

Plaats daarna je JavaScript in [Theme Options] [Integration] [Add code to the <head> of your blog].

Mobiele weergave

Omdat bij sommige mobiele weergaven een breed logo niet écht fraai is, kun je op regel 14 het breekpunt weergeven tot welke breedte het compacte logo te gebruiken.

Dit script werkt ook als je het mobiele menu vast hebt gezet boven aan de pagina.

 

 

Pin It on Pinterest

Share This

Door de site te te blijven gebruiken, gaat u akkoord met het gebruik van cookies. meer informatie

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close