Mobile Ansicht und Dark Mode
-
Hallo,
Ich habe eine Webseite erstellt. Leider ist mir aufgefallen, dass diesesuf meinem Habdy total komisch aussieht und ich manche Bereiche kaum lesen kann.
Nun habe ich erkannt, dass es daran lag, dass mein Handy die Webseite im Dark Mode angezeigt hat.
Gibt es eine Möglichkeit die einzelnen Elemente farblich so zu gestalten wie man möchte, wenn der Nutzer in seinem Brwoser DarkMode aktiviert hat?Ich habe bisher nur das Plugin WP Dark Mode gefunden, aber dort kann man meines Eissens nach, nicht das fsrblixhe Aussehen einzelner Elemente einstellen. Oder ist dies mit css möglich, wenn ja wie?
Besten Dank
-
Hallo,
wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.Du findest unter Werkzeuge > Websitezustand > 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.
Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.
Viele Grüße
Hans-GerdHallo,
besten Dank für die Antwort. Komischerweise kann ich gerade den ersten Thread nicht bearbeiten, daher hier die Adresse: ludwig-kanzlei.de
Anbei der Bericht:
### wp-core ### version: 6.0 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: /home/customer/www/ludwig-kanzlei.de/public_html wordpress_size: 51,74 MB (54248227 bytes) uploads_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/uploads uploads_size: 38,35 MB (40210781 bytes) themes_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/themes themes_size: 20,16 MB (21138028 bytes) plugins_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/plugins plugins_size: 78,77 MB (82592246 bytes) database_size: 127,38 MB (133562368 bytes) total_size: 316,38 MB (331751650 bytes) ### wp-active-theme ### name: OceanWP (oceanwp) version: 3.3.3 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: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/themes/oceanwp auto_update: Deaktiviert ### wp-plugins-active (12) ### Blog Designer Pack: version: 2.3.2, author: InfornWeb, Automatische Aktualisierungen deaktiviert Elementor: version: 3.6.7, author: Elementor.com, Automatische Aktualisierungen deaktiviert Elementor Header & Footer Builder: version: 1.6.11, author: Brainstorm Force, Nikhil Chavan, Automatische Aktualisierungen deaktiviert ElementsKit Lite: version: 2.6.2, author: Wpmet, Automatische Aktualisierungen deaktiviert GDPR Cookie Consent: version: 2.1.2, author: WebToffee, Automatische Aktualisierungen deaktiviert Ocean Extra: version: 2.0.2, author: OceanWP, Automatische Aktualisierungen deaktiviert Page scroll to id: version: 1.7.5, author: malihu, Automatische Aktualisierungen deaktiviert Premium Addons for Elementor: version: 4.9.20, author: Leap13, Automatische Aktualisierungen deaktiviert Rank Math SEO: version: 1.0.92.1, author: Rank Math, Automatische Aktualisierungen deaktiviert Sticky Header Effects for Elementor: version: 1.4.8, author: Rwattner, Automatische Aktualisierungen deaktiviert WP-Sweep: version: 1.1.5, author: Lester 'GaMerZ' Chan, Automatische Aktualisierungen deaktiviert WP Maintenance Mode & Coming Soon: version: 2.4.6, author: Themeisle, Automatische Aktualisierungen deaktiviert ### wp-media ### image_editor: WP_Image_Editor_GD imagick_module_version: Nicht verfügbar imagemagick_version: Nicht verfügbar imagick_version: Nicht verfügbar file_uploads: File uploads is turned off post_max_size: 256M upload_max_filesize: 256M max_effective_size: 256 MB max_file_uploads: 20 gd_version: 2.2.5 gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM ghostscript_version: 9.27 ### wp-server ### server_architecture: Linux 3.12.18-clouder0 x86_64 httpd_software: Apache php_version: 7.4.30 64bit php_sapi: cgi-fcgi max_input_variables: 3000 time_limit: 120 memory_limit: 768M max_input_time: 120 upload_max_filesize: 256M php_post_max_size: 256M curl_version: 7.66.0 OpenSSL/1.1.1n-fips suhosin: false imagick_availability: false pretty_permalinks: true htaccess_extra_rules: true ### wp-database ### extension: mysqli server_version: 5.7.32-35-log client_version: mysqlnd 7.4.30 max_allowed_packet: 33554432 max_connections: 500 ### wp-constants ### WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content WP_PLUGIN_DIR: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/plugins WP_MEMORY_LIMIT: 40M WP_MAX_MEMORY_LIMIT: 768M 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
- Diese Antwort wurde geändert vor 2 Jahren, 5 Monaten von Ludwig.
Hallo,
das sieht für mich so aus, als wenn sich die Bereiche „Kontakt“ und „FAQ“ in die Quere kommen.
Ich könnte mir vorstellen, dass das Problem mit dem Widgetbereich, den du vermutlich mit Elementor gestaltet hast, zusammenhängt. Ich setze Elementor nicht ein, weil ich fast ausschließlich den Block-Editor verwende. Daher kann ich dir nicht sagen, wie du das Problem mit Elementor lösen kannst, wenn es denn damit zusammenhängen sollte.Du wirst mit Fragen zu Elementor hier eher keine Hilfe erwarten können. Ich setze Elementor nicht ein, sondern fast ausschließlich den Block-Editor (Gutenberg).
Sonst frage am besten mal in der Facebook-Gruppe Elementor Deutsch oder im Support-Bereich von Elementor nach.Viele Grüße
Hans-Gerd
- Das Thema „Mobile Ansicht und Dark Mode“ ist für neue Antworten geschlossen.