Der Sprachumschalter, der mit WPML daherkommt, ist sehr schnell in die verschiedensten Menüs einer WordPress Seite mit Divi integriert. Aber was wenn es dem Kunden nicht gefällt, das der Button ganz als letztes im mobilen Hamburger-Menü auftaucht?
Auch hier hat eine Eingabe der Frage in die Suchmaschine die Lösung gebracht (irgendwie hatte jedes Problem schon mal jemand ;+)
Die Lösung findet sich in diesem Eintrag im WMPL Forum.
Im großen und ganzen reicht es, diesen Code im CSS der Seite zu hinterlegen (unter Divi – Theme-Optionen – Allgemeines und hier ganz unten):
@media only screen and (max-width: 981px) { li.wpml-ls-first-item { position: absolute !important; top: 30px !important; left: 70% !important; z-index: 999999 !important; list-style-type: none !important; } li.wpml-ls-last-item { position: absolute !important; top: 30px !important; left: 80% !important; z-index: 9999999 !important; list-style-type: none !important; }div#top-header { display: none;}}Und der folgende Code gehört dann unter Integration in den <head> Bereich (dazu bitte auch Header-Code aktivieren einschalten):
<script>(function($) {$(document).ready(function() { if ($(window).width() < 980) { $('li.wpml-ls-first-item, li.wpml-ls-last-item').insertAfter('#logo'); }});})(jQuery);</script>