Theme Twenty Twenty-Three: Menü verrutscht
-
Hallo,
beim Arbeiten an meinem Blog stelle ich fest, daß das Menü mit den Links unterhalb des Logos teilweise nach unten direkt über die Suche verrutscht. Dann ist es wieder in Ordnung. Woran kann das liegen? Wenn ich einen Beitrag editiert habe, ist es auf einmal wieder ok.
Claus
-
Dieses Thema wurde vor 1 Monat von
claus_01 geändert.
-
Dieses Thema wurde vor 1 Monat von
claus_01 geändert. Grund: Rechtschreibfehler
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Dieses Thema wurde vor 1 Monat von
-
Hallo,
das Menü ist z. B. auf meinem Smartphone gar nicht zu sehen. Wenn man in die Developer Console schaut, dann sieht man für diese Gruppe feste Werte fürleftundtopbeiposition: absolute;:<span style="background-color: transparent; color:#000000; position: absolute; left: 675px; top: 198px;">...</span>Du verwendest da auch offensichtlich nicht den dafür vorgesehenen Navigations-Block.
Ich würde dir empfehlen, die Navigation mit dem Navigations-Block komplett neu zu erstellen. Dann wird das Problem erledigt sein.
Hilfreich für eine Analyse wäre der Website-Bericht:
Du findest unter Werkzeuge > Website-Zustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):

Und mit z. B. STRG V in die Antwort bei diesem Thema einfügen.
Mehr Infos zum Website-Zustand findest du z. B. in dem folgenden Video
Viele Grüße
Hans-Gerd` wp-core
version: 6.9.4
site_language: de_DE
user_language: de_DE
timezone: +02:00
permalink: /%year%/%monthnum%/%day%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true wp-paths-sizes
wordpress_path: /home/sites/site100043966/web/claus-cyrny.net
wordpress_size: 63,20 MB (66273937 bytes)
uploads_path: /home/sites/site100043966/web/claus-cyrny.net/wp-content/uploads
uploads_size: 8,95 MB (9389949 bytes)
themes_path: /home/sites/site100043966/web/claus-cyrny.net/wp-content/themes
themes_size: 13,62 MB (14279351 bytes)
plugins_path: /home/sites/site100043966/web/claus-cyrny.net/wp-content/plugins
plugins_size: 416,93 KB (426937 bytes)
fonts_path: /home/sites/site100043966/web/claus-cyrny.net/wp-content/uploads/fonts
fonts_size: directory not found
database_size: 4,45 MB (4667624 bytes)
total_size: 90,64 MB (95037798 bytes) wp-active-theme
name: Twenty Twenty-Three (twentytwentythree)
version: 1.6
author: Das WordPress-Team
author_website: https://de.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
theme_path: /home/sites/site100043966/web/claus-cyrny.net/wp-content/themes/twentytwentythree
auto_update: Deaktiviert wp-themes-inactive (2)
Twenty Twenty-Five: version: 1.4, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Four: version: 1.4, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert wp-plugins-active (1)
Akismet Anti-spam: Spam Protection: version: 5.7, author: Automattic - Anti-spam Team, Automatische Aktualisierungen deaktiviert wp-media
image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1809
imagemagick_version: ImageMagick 7.1.1-47 Q16 x86_64 22763 https://imagemagick.org
imagick_version: 3.8.0
file_uploads: 1
post_max_size: 500M
upload_max_filesize: 500M
max_effective_size: 500 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 248 GB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 768
imagick::RESOURCETYPE_MAP: 124 GB
imagick::RESOURCETYPE_MEMORY: 62 GB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 0
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, ASHLAR, AVCI, AVI, AVIF, AVS, BAYER, BAYERA, BGR, BGRA, BGRO, 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, FFF, FILE, FITS, FL32, FLV, FRACTAL, FTP, FTS, FTXT, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, HALD, HDR, HEIC, HEIF, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, KERNEL, LABEL, M2V, M4V, MAC, MAP, MASK, MAT, MATTE, MDC, MEF, MIFF, MKV, MNG, MONO, MOS, 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, RSVG, RW2, RWL, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, SRW, STEGANO, STI, 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, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, YAML, YCBCR, YCBCRA, YUV
image_format_transforms: image/heic → image/jpeg, image/heif → image/jpeg, image/heic-sequence → image/jpeg, image/heif-sequence → image/jpeg
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: 10.05.1 wp-server
server_architecture: Linux 6.6.138 x86_64
httpd_software: Apache
php_version: 8.2.29 64bit
php_sapi: fpm-fcgi
max_input_variables: 5000
time_limit: 60
memory_limit: 512M
max_input_time: 240
upload_max_filesize: 500M
php_post_max_size: 500M
curl_version: 8.14.1 OpenSSL/3.5.5
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false
static_robotstxt_file: false
current: 2026-05-10T04:43:21+00:00
utc-time: Sunday, 10-May-26 04:43:21 UTC
server-time: 2026-05-10T06:43:20+02:00 wp-database
extension: mysqli
server_version: 11.4.5-MariaDB-log
client_version: mysqlnd 8.2.29
max_allowed_packet: 67108864
max_connections: 500 wp-constants
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/sites/site100043966/web/claus-cyrny.net/wp-content
WP_PLUGIN_DIR: /home/sites/site100043966/web/claus-cyrny.net/wp-content/plugins
WP_MEMORY_LIMIT: 512M
WP_MAX_MEMORY_LIMIT: 512M
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: undefined
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined wp-filesystem
wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: does not existAkismet entspricht nicht den europäischen Datenschutzvorgaben. Schau dir mal Antispam Bee an. Kostenlos, leistungsfähig und datenschutzkonform.
Ansonsten bleibt es dabei: Erstelle die Navigation mit dem dafür vorgesehenen Navigations-Block.
Evtl. ist der folgende (ältere) Beitrag von mir hilfreich.Ich würde dir empfehlen, die Navigation mit dem Navigations-Block komplett neu zu erstellen. Dann wird das Problem erledigt sein.
Ich habe auf Anraten von La Geek das Menü in den Header eingefügt. Wie kann ich das sonst machen?
Ich habe auf Anraten von La Geek das Menü in den Header eingefügt. Wie kann ich das sonst machen?
Das ist auch korrekt, aber das Menü solltest du im Header mit dem Navigations-Block erstellen.
Ok, vielen Dank, habe ich gemacht.
Claus
Schon, aber jetzt hast du im Grunde eine Navigation im Header, die vermutlich im Footer vorgesehen ist.
In dem folgenden Beitrag von mir habe ich gerade ein neues Video hochgeladen, in dem die Erstellung genauer zu sehen ist. Ich hoffe, das hilft.
Der renommierte WordPress-Autor Peter Müller hat sich dem Thema Twenty Twenty-Three ausführlich gewidmet. Es ist eine Art Workshop, der dir die fehlenden Grundlagen schnell vermitteln kann und der auch Videos enthält.
Über die Navigation
https://einstieg-in-wp.de/tt3-anpassen-03/Templates (Fokus auf Header)
https://einstieg-in-wp.de/tt3-anpassen-06/Der gesamte Workshop:
https://einstieg-in-wp.de/tt3-anpassen/Vielen Dank.
Claus
Du musst angemeldet sein, um auf dieses Thema zu antworten.