{"id":637,"date":"2025-02-24T17:02:17","date_gmt":"2025-02-24T16:02:17","guid":{"rendered":"https:\/\/www.penzenauer.at\/blog\/?p=637"},"modified":"2025-02-24T17:03:53","modified_gmt":"2025-02-24T16:03:53","slug":"divi-sprachumschalter-neben-hamburger-menue","status":"publish","type":"post","link":"https:\/\/www.penzenauer.at\/blog\/divi-sprachumschalter-neben-hamburger-menue\/","title":{"rendered":"WordPress Divi: Sprachumschalter neben Hamburger-Men\u00fc"},"content":{"rendered":"\n[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.16″ custom_padding=“0px||0px||false|false“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_row admin_label=“row“ _builder_version=“4.16″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“4_4″ _builder_version=“4.16″ custom_padding=“|||“ global_colors_info=“{}“ custom_padding__hover=“|||“ theme_builder_area=“post_content“][et_pb_text admin_label=“Text“ _builder_version=“4.27.4″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“ hover_enabled=“0″ global_colors_info=“{}“ theme_builder_area=“post_content“ sticky_enabled=“0″]

Der Sprachumschalter, der mit WPML daherkommt, ist sehr schnell in die verschiedensten Men\u00fcs einer WordPress Seite mit Divi integriert. Aber was wenn es dem Kunden nicht gef\u00e4llt, das der Button ganz als letztes im mobilen Hamburger-Men\u00fc auftaucht?<\/p>\n

Auch hier hat eine Eingabe der Frage in die Suchmaschine die L\u00f6sung gebracht (irgendwie hatte jedes Problem schon mal jemand ;+)<\/p>\n

Die L\u00f6sung findet sich in diesem Eintrag im WMPL Forum<\/a>.<\/p>\n

Im gro\u00dfen und ganzen reicht es, diesen Code im CSS der Seite zu hinterlegen (unter Divi – Theme-Optionen – Allgemeines und hier ganz unten):<\/p>\n

\n
@media only screen <\/code>and<\/code> (max-width: 981px) {<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>li.wpml-ls-first-item {<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>position: absolute !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>top: 30px !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>left: 70% !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>z-index: 999999 !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>list-style-type: none !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>li.wpml-ls-last-item {<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>position: absolute !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>top: 30px !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>left: 80% !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>z-index: 9999999 !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>list-style-type: none !important;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n
\u00a0<\/div>\n
div#top-header {<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>display: none;<\/code><\/div>\n
}<\/code><\/div>\n
}<\/code><\/div>\n<\/div>\n

Und der folgende Code geh\u00f6rt dann unter Integration in den <head> Bereich (dazu bitte auch Header-Code aktivieren einschalten):<\/p>\n

<script><\/code><\/div>\n
(<\/code>function<\/code>($) {<\/code><\/div>\n
$(document).ready(<\/code>function<\/code>() {<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>if<\/code> ($(window).width() < 980) {<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>$(<\/code>'li.wpml-ls-first-item, li.wpml-ls-last-item'<\/code>).insertAfter(<\/code>'#logo'<\/code>);<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n
});<\/code><\/div>\n
})(jQuery);<\/code><\/div>\n
<\/script><\/code><\/code><\/div>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.9.4″ _module_preset=“default“ global_module=“272″ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_column type=“4_4″ _builder_version=“4.16″ _module_preset=“default“ global_colors_info=“{}“ theme_builder_area=“post_content“][et_pb_post_nav prev_text=“Vorheriger Artikel“ next_text=“N\u00e4chster Artikel“ _builder_version=“4.16″ _module_preset=“default“ title_text_color=“#FFFFFF“ background_color=“#2E4770″ custom_padding=“0.5em|0.5em|0.5em|0.5em|true|true“ global_colors_info=“{}“ theme_builder_area=“post_content“][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"

Der Sprachumschalter, der mit WPML daherkommt, ist sehr schnell in die verschiedensten Men\u00fcs einer Wordpress Seite mit Divi integriert. Aber was wenn es dem Kunden nicht gef\u00e4llt, das der Button ganz als letztes im mobilen Hamburger-Men\u00fc auftaucht? Auch hier hat eine Eingabe der Frage in die Suchmaschine die L\u00f6sung gebracht (irgendwie hatte jedes Problem schon […]<\/p>\n","protected":false},"author":1,"featured_media":76,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"795","footnotes":""},"categories":[21],"tags":[60,58,101],"class_list":["post-637","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-aus-meiner-arbeit","tag-divi","tag-wordpress","tag-wpml","post_format-post-format-aside"],"_links":{"self":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/comments?post=637"}],"version-history":[{"count":3,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/637\/revisions"}],"predecessor-version":[{"id":641,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/637\/revisions\/641"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media?parent=637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/categories?post=637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/tags?post=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}