Support » Allgemeine Fragen » Seiten auf Mobilgeräten beginnen erst ein Stück unter der Oberkante
Seiten auf Mobilgeräten beginnen erst ein Stück unter der Oberkante
-
Hallo, ich habe ein Problem mit der Darstellung von Seiten auf Tablet und Handy. Plötzlich zeigten sämtliche Seiten oben einen leeren Zwischenraum an, lediglich das Menu war noch zu sehen. Desktop ist ok. Ich bin eher Laie als Profi und war gerade damit beschäftigt, die Überschriften und das Logo auf dem oberen Hintergrundbild neu zu gestalten. Ich benutze Win10 mit Firefox und als Theme Ocean WP. Ich versuche jetzt schon ca. 3 Tage intensiv den Fehler zu finden, sehe jedoch kein Land mehr.
Als Menu ist Hero Menu installiert. Nach deren Aussage kann das Problem aber nicht damit zusammenhängen.
Weiß jemand Hilfe?Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Welches Betriebssystem und welchen Browser du verwendest, ist für die Frage unerheblich. Dafür fehlen andere Informationen, die zur Klärung beitragen können. Was wir benötigen, haben wir im angehefteten Beitrag Bevor du ein neues Thema (Thread) erstellst aufgeführt. Dazu gehört der Website-Bericht, den du ganz einfach abrufen kannst, indem du auf Werkzeuge > Website-Zustand gehst, dort den Tab Bericht aufrufst, wartest bis die Zustandsanzeige oben geladen ist und dann auf den Button klickst. Du brauchst dann nur noch eine neue Antwort hier im Forum schreiben und dabei mit Strg-V den Bericht einfügen. Die Akzentzeichen ` am Anfang und Ende dienen der Formatierung; bitte nicht löschen.
Hallo,
Als Menu ist Hero Menu installiert. Nach deren Aussage kann das Problem aber nicht damit zusammenhängen.
Dagegen spricht, dass bei Änderung der CSS-Regel das Problem wohl offensichtlich gelöst ist.
Das sollte mit der folgenden CSS-Regel unter Design > Customizer > Individuelles CSS geändert werden können (Beispielfarbe ist grau):@media (max-width: 768px) .hmenu_wrapper_state_1 { position: absolute; }
Bei deiner Website steht an der Stelle in der developer console (Aufruf mit F12 bei Chrome):
@media (max-width: 768px) .hmenu_wrapper_state_1 { position: relative; }
Evtl. solltest du überlegen, ob du auf dieses Plugin nicht ganz verzichten kannst und die Einstellungen in deinem Theme OceanWP und/oder Elementor vornimmst.
An dieser Stelle möchte ich aber noch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu, auch wenn wir je nach Zeit mal entsprechende Tipps geben.
Eine gute Möglichkeit, sich mit CSS zu beschäftigen, findest du z. B. hier, hier oder hier. Hier noch ein Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum.Viele Grüße
Hans-GerdNachtrag: Aber auch mit der genannten CSS-Regel sieht das auf Tablets und Smartphones nicht ideal aus. Ich vermute einen Konflikt zwischen Plugins und Themes.
Trotzdem würde ich erst mal versuchen, die Website ohne dieses Plugin fertigzustellen.
Der von Bego angeforderte Bericht könnte in der Tat hilfreich in Bezug auf eine Problemlösung sein.Hallo Hans-Gerd,
offensichtlich hast Du recht. So funktionierzt es wieder. Ob damit andere Probleme auftreten, werde ich mal beim Hero-Support anfragen. Danke Dir!
Ich jabe mir das Hero-Menu gekauft, da es optisch echt was her macht. Zwar entspricht es nicht ganz meinen Vorstellungen, denn ich wollte dort alle Hauptseiten (10-13) mit Bild zum verlinken anzeigen, es geht aber max. mit 6 Bildern und verlinkt wird dann nur zu den Bildern! Mit einem zusätzlichen CSS würde es angeblich gehen. Da sind wir aber wieder beim CSS. Ich vermute, mit Elementor (Basis) ist das nicht zu schaffen, oder?Hier der Bericht:
### wp-core ### version: 6.1.1 site_language: de_DE user_language: de_DE timezone: Europe/Berlin permalink: /%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: /var/www/k12765-1/apps/rwrefugium wordpress_size: 223,30 MB (234148272 bytes) uploads_path: /var/www/k12765-1/apps/rwrefugium/wp-content/uploads uploads_size: 10,63 MB (11143786 bytes) themes_path: /var/www/k12765-1/apps/rwrefugium/wp-content/themes themes_size: 37,28 MB (39094586 bytes) plugins_path: /var/www/k12765-1/apps/rwrefugium/wp-content/plugins plugins_size: 74,16 MB (77761516 bytes) database_size: 159,08 MB (166805504 bytes) total_size: 504,45 MB (528953664 bytes) ### wp-active-theme ### name: OceanWP (oceanwp) version: 3.3.6 author: OceanWP author_website: https://oceanwp.org/about-oceanwp/ parent_theme: none theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets theme_path: /var/www/k12765-1/apps/rwrefugium/wp-content/themes/oceanwp auto_update: Deaktiviert ### wp-themes-inactive (6) ### Palmeria: version: 1.2.4, author: MotoPress (latest version: 1.3.0), Automatische Aktualisierungen deaktiviert Twenty Nineteen: version: 2.2, author: WordPress-Team (latest version: 2.4), Automatische Aktualisierungen deaktiviert Twenty Twenty: version: 1.9, author: WordPress-Team (latest version: 2.1), Automatische Aktualisierungen deaktiviert Twenty Twenty-One: version: 1.5, author: WordPress-Team (latest version: 1.7), Automatische Aktualisierungen deaktiviert Twenty Twenty-Three: version: 1.0, author: WordPress-Team, Automatische Aktualisierungen deaktiviert Twenty Twenty-Two: version: 1.1, author: WordPress-Team (latest version: 1.3), Automatische Aktualisierungen deaktiviert ### wp-plugins-active (6) ### Elementor: version: 3.9.2, author: Elementor.com, Automatische Aktualisierungen deaktiviert Envato Elements: version: 2.0.11, author: Envato, Automatische Aktualisierungen deaktiviert Hero Menu: version: 1.16.2, author: Hero Plugins, Automatische Aktualisierungen deaktiviert Ocean Extra: version: 2.0.6, author: OceanWP, Automatische Aktualisierungen deaktiviert PHP Compatibility Checker: version: 1.5.2, author: WP Engine, Automatische Aktualisierungen deaktiviert UpdraftPlus - Backup/Restore: version: 1.22.24, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen deaktiviert ### wp-plugins-inactive (1) ### Akismet Anti-Spam: version: 5.0.2, author: Automattic, Automatische Aktualisierungen deaktiviert ### wp-media ### image_editor: WP_Image_Editor_Imagick imagick_module_version: 1691 imagemagick_version: ImageMagick 6.9.11-60 Q16 x86_64 2021-01-25 https://imagemagick.org imagick_version: 3.4.4 file_uploads: File uploads is turned off post_max_size: 256M upload_max_filesize: 256M max_effective_size: 256 MB max_file_uploads: 20 imagick_limits: imagick::RESOURCETYPE_AREA: 122 MB imagick::RESOURCETYPE_DISK: 1073741824 imagick::RESOURCETYPE_FILE: 6144 imagick::RESOURCETYPE_MAP: 512 MB imagick::RESOURCETYPE_MEMORY: 256 MB imagick::RESOURCETYPE_THREAD: 1 imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, AVI, AVIF, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HEIC, 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, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV gd_version: 2.3.0 gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM ghostscript_version: unknown ### wp-server ### server_architecture: Linux 5.10.0-19-amd64 x86_64 httpd_software: Apache php_version: 7.4.33 64bit php_sapi: cgi-fcgi max_input_variables: 3000 time_limit: 300 memory_limit: 512M max_input_time: 300 upload_max_filesize: 256M php_post_max_size: 256M curl_version: 7.74.0 OpenSSL/1.1.1n suhosin: false imagick_availability: true pretty_permalinks: true htaccess_extra_rules: false ### wp-database ### extension: mysqli server_version: 10.5.18-MariaDB-0+deb11u1 client_version: mysqlnd 7.4.33 max_allowed_packet: 67108864 max_connections: 151 ### wp-constants ### WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /var/www/k12765-1/apps/rwrefugium/wp-content WP_PLUGIN_DIR: /var/www/k12765-1/apps/rwrefugium/wp-content/plugins WP_MEMORY_LIMIT: 40M 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: Nicht definiert DB_CHARSET: utf8 DB_COLLATE: undefined ### wp-filesystem ### wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable
Die responsiven Ansichten sind meinerseits, was die Überschriften und das Hintergrundbild betrifft, noch nicht optimiert. Die Lohengrin-Seite geht da am ehesten schon.
- Das Thema „Seiten auf Mobilgeräten beginnen erst ein Stück unter der Oberkante“ ist für neue Antworten geschlossen.