Aufteilen: Polylang Farbe Dropdownmenü + Sprache Navigation

Hallo Allerseits!

Mein Name ist Pepi und ich habe das gleiche Problem Nr. 1.) wie Christina, die den Threat eröffnet hat. Plus 2 Weitere!
Ich habe auf meiner Webseite auch Polylang installiert, um eine Mehrsprachigkeit (Deutsch und Englisch) zu realisieren.
Meine Seite basiert auf dem Block Theme Twenty Twenty-Three.

Grundsätzlich funktioniert das für mich relativ gut.
Ich habe jetzt allerdings noch einige Probleme mit der Menüdarstellung.

Die Navigation Blocks in den Header und Footer Templates funktionieren leider nicht mit Polylang.
Es gibt daher ein eigenes Plugin (auch vom Polylang Entwickler) „Site Editor Classic Features“ mit dem man klassische Menüs mittels Legacy Block dann auch im Blocktheme darstellen kann.

Das funktioniert bei mir auch schon.
Ich habe mein deutsches Menü schon vollständig darauf umgestellt und das englische mal nur zum Testen mit der Home Seite eingebunden. Bei Umschaltung der Sprache wechselt nun auch bereits das Menü.

Was jetzt aber mein Problem ist, ist die Darstellung dieses Menüs über den Legacy Block.
Ich habe damit bis jetzt folgende Probleme im Frontend entdeckt, die ich alleine bisher nicht lösen konnte:

1.) Das Menü ist im Hintergrund. Wenn man auf die Bereiche im Menü klickt mit weiteren Menüpunkten darunter, dann expandieren diese im Hintergrund. Mit diversen css „z index“ Versuchen bin ich leider nicht weitergekommen.

2.) Das Menü wird am Mobiltelefon nicht zentriert am Bildschirm angezeigt, sondern links ausgerichtet, obwohl ich es im Block Theme mittels Zeilengruppierung zentriert angeordnet habe.

Mit einer Flexbox wird es zwar etwas besser, ist am Mobiltelefon allerdings noch immer etwas zu weit links angeordnet:

.menu {
display: flex;
justify-content: space-evenly;
align-items: center;flex-wrap: wrap;

}

3.) Ich würde bei den Menü Einträgen mit weiteren Menüeinträgen daneben gerne ein Symbol anzeigen, welches symbolisiert, dass darunter noch weitere Einträge stehen. Ein Pfeil nach unten wäre nett.

Ich hoffe Ihr könnt mir bei den 3 Themen weiterhelfen!

Herzlichen Dank, Pepi

Website Zustand:


` wp-core

version: 6.6.1
site_language: de_AT
user_language: de_AT
timezone: Europe/Vienna
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 0
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true wp-paths-sizes

wordpress_path: /var/www/web455/html
wordpress_size: 68,31 MB (71625428 bytes)
uploads_path: /var/www/web455/html/wp-content/uploads
uploads_size: 120,37 MB (126221000 bytes)
themes_path: /var/www/web455/html/wp-content/themes
themes_size: 2,54 MB (2667601 bytes)
plugins_path: /var/www/web455/html/wp-content/plugins
plugins_size: 62,03 MB (65045395 bytes)
fonts_path: /var/www/web455/html/wp-content/uploads/fonts
fonts_size: 131,70 kB (134864 bytes)
database_size: 19,22 MB (20152320 bytes)
total_size: 272,60 MB (285846608 bytes) wp-active-theme

name: Twenty Twenty-Three (twentytwentythree)
version: 1.5
author: the WordPress team
author_website: https://wordpress.org
parent_theme: none
theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates, menus
theme_path: /var/www/web455/html/wp-content/themes/twentytwentythree
auto_update: Aktiviert wp-plugins-active (10)

Code Snippets: version: 3.6.5.1, author: Code Snippets Pro, Automatische Aktualisierungen deaktiviert
MetaSlider: version: 3.90.1, author: MetaSlider, Automatische Aktualisierungen aktiviert
Ninja Forms: version: 3.8.14, author: Saturday Drive, Automatische Aktualisierungen aktiviert
Page scroll to id: version: 1.7.9, author: malihu, Automatische Aktualisierungen deaktiviert
Polylang: version: 3.6.4, author: WP SYNTEX, Automatische Aktualisierungen aktiviert
Simple Custom CSS and JS: version: 3.47, author: SilkyPress.com, Automatische Aktualisierungen deaktiviert
Simple Webchat: version: 3.5, author: Eric-Oliver Mächler, Automatische Aktualisierungen aktiviert
Site Editor Classic Features: version: 1.0, author: WP SYNTEX, Automatische Aktualisierungen deaktiviert
UpdraftPlus - Backup/Restore: version: 2.24.4.26, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen aktiviert
Yoast Duplicate Post: version: 4.5, author: Enrico Battocchi & Team Yoast, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (3)

Akismet Anti-spam: Spam Protection: version: 5.3.3, author: Automattic - Anti-spam Team, Automatische Aktualisierungen deaktiviert
Max Mega Menu: version: 3.3.2, author: megamenu.com, Automatische Aktualisierungen deaktiviert
Simple CSS: version: 1.1.1, author: Tom Usborne, Automatische Aktualisierungen deaktiviert code-snippets (1)

snippet-4: name: Current year, scope: content, modified: 2024-08-26 17:52:17, tags: [sample, dates] wp-media

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1809
imagemagick_version: ImageMagick 7.1.1-25 Q16 x86_64 21883 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 16M
upload_max_filesize: 16M
max_effective_size: 16 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 31 kB
imagick::RESOURCETYPE_DISK: 2147483648
imagick::RESOURCETYPE_FILE: 768
imagick::RESOURCETYPE_MAP: 1 GB
imagick::RESOURCETYPE_MEMORY: 512 MB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 0
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVI, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUBE, CUR, CUT, DATA, DCM, DCR, DCRAW, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FARBFELD, FAX, FF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MPO, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORA, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PHM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, QOI, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGB565, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, STRIMG, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TM2, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, YAML, YCbCr, YCbCrA, YUV
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, AVIF, XPM
ghostscript_version: 10.02.1 wp-server

server_architecture: Linux 5.15.52-gentoo-x86_64 x86_64
httpd_software: Apache
php_version: 8.3.9 64bit
php_sapi: fpm-fcgi
max_input_variables: 1000
time_limit: 60
memory_limit: 128M
max_input_time: 60
upload_max_filesize: 16M
php_post_max_size: 16M
curl_version: 8.4.0 OpenSSL/1.1.1q
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false
current: 2024-09-03T06:15:49+00:00
utc-time: Tuesday, 03-Sep-24 06:15:49 UTC
server-time: 2024-09-03T08:15:48+02:00 wp-database

extension: mysqli
server_version: 8.0.32
client_version: mysqlnd 8.3.9
max_allowed_packet: 16777216
max_connections: 151 wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /var/www/web455/html/wp-content
WP_PLUGIN_DIR: /var/www/web455/html/wp-content/plugins
WP_MEMORY_LIMIT: 128M
WP_MAX_MEMORY_LIMIT: 128M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Nicht definiert
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: writable pll_options

browser: 1: Detect browser language activated
rewrite: 1: Remove /language/ in pretty permalinks
hide_default: 0: Display URL language information for default language
force_lang: 1: The language is set from the directory name in pretty permalinks
redirect_lang: 1: The front page URL contains the language code instead of the page name or page id
media_support: 0: The media are not translated
sync: 0: Synchronization disabled
post_types: post, page, wp_block
taxonomies: category, post_tag
version: 3.6.4
default_lang: de
max_mega_menu_1: de => 42 pll_language_de

name: Deutsch
slug: de
term_group: 0
term_id: 27
locale: de_DE
is_rtl: 0
w3c: de-DE
facebook: de_DE
home_url: https://www.themomentscottage.com/de/
search_url: https://www.themomentscottage.com/de/
page_on_front: 1189
page_for_posts: 22
flag_code: de
flag_url: https://www.themomentscottage.com/wp-content/plugins/polylang/flags/de.png
custom_flag_url: https://www.themomentscottage.com/wp-content/polylang/de_DE.jpg
active: true
fallbacks: 0
is_default: true
term_props:
language/term_id: 27
language/term_taxonomy_id: 27
language/count: 17
term_language/term_id: 28
term_language/term_taxonomy_id: 28
term_language/count: 1 pll_language_en

name: English
slug: en
term_group: 0
term_id: 37
locale: en_US
is_rtl: 0
w3c: en-US
facebook: en_US
home_url: https://www.themomentscottage.com/en/
search_url: https://www.themomentscottage.com/en/
page_on_front: 313
page_for_posts: 0
flag_code: gb
flag_url: https://www.themomentscottage.com/wp-content/plugins/polylang/flags/gb.png
custom_flag_url: https://www.themomentscottage.com/wp-content/polylang/en_US.jpg
active: true
fallbacks: 0
is_default: 0
term_props:
language/term_id: 37
language/term_taxonomy_id: 37
language/count: 1
term_language/term_id: 38
term_language/term_taxonomy_id: 38
term_language/count: 1 pll_warnings

term-no-lang: category => 1

• Dieses Thema wurde geändert vor 1 Woche, 4 Tage von Angelika Reisiger.
• Dieses Thema wurde geändert vor 1 Woche, 4 Tage von kernoelpepi.
• Dieses Thema wurde geändert vor 1 Woche, 4 Tage von kernoelpepi. Grund: Website Zustand eingefügt

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]