Header einfügen

  • Gelöst susanne0311

    (@susanne0311)


    vor 1 Monat, 4 Wochen

    Hallo, ich benötige wieder einmal dringend eure Hilfe. Nachdem ich es irgendwie geschafft habe, meinen Header und Footer zu zerschießen, hab ich es jetzt wieder soweit hinbekommen. ABER. Lediglich die Startseite funktioniert super über Desktop, Tablet und Mobil. Warum auch immer, kann ich bei den anderen Seite, den Header, der für die Mobil und Tabletansicht sein soll nicht eingefügen. Wo könnte mein Fehler sein?

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

Ansicht von 13 Antworten – 1 bis 13 (von insgesamt 13)
  • bscu

    (@bscu)

    vor 1 Monat, 4 Wochen

    Ich sehe da im CSS dies:

    @media screen and (min-width: calc(782px)) and (max-width: 1024px) {
  .tzm-responsive__hidden__tablet:not(.wp-block) {
    display: none !important;
  }
}

    Außerdem hat deine Startseite auch ein Problem. Bei einer Bildschirmbreite zwischen 782 und 1024 Pixel ist keine Navigation zu sehen.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 3 Wochen

    Hallo,
    den Fehler, den @bscu angesprochen habe, sehe ich auch.

    Aber auf meinem Handy wird die Navigation auch auf den anderen Seiten korrekt gezeigt. Ist dieses Problem gelöst?

    Viele Grüße
    Hans-Gerd

    Thread-Starter susanne0311

    (@susanne0311)

    vor 1 Monat, 3 Wochen

    Ich habe vorhin tatsächlich meinen Fehler gefunden- dieser lag im Template da fehlte komplett der Header. Hinzugefügt und nun sieht alles wieder wie vorher aus.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 3 Wochen

    super – freut uns. Danke für die Rückmeldung und “Gelöst”-Markieren. 👍

    Aber wie gesagt: Es gibt da noch das Problem mit dem fehlenden Header bei einer Bildschirmbreite zwischen 782 und 1024 Pixel. Darum solltest du dich schon noch kümmern. 😉

    Thread-Starter susanne0311

    (@susanne0311)

    vor 1 Monat, 3 Wochen

    Hallo Hans-Gerd und bscu, nun muss ich doch nochmal auf euch zurückkommen. Nachdem nun meine Seite komplett steht, checke ich, ob nun alles in jedes Format passt und bin derzeit beim updaten der Tabletansicht. Hier hatte ich natürlich auch euer Feedback im Hinterkopf. Nun ist es so, dass der Header angezigt wird, im Hochformat inkl. Navigation im Querformat ist die Navigation weg. Und der Footer- ja der ist komplett im Hochformat da und im Querformat komplett weg. Ich habe schon einiges probiert, bin aber noch zu keiner Lösung gekommen. Habt ihr mal wieder einen Ansatz für mich? Ich hoffe, dass kann ich hier in diesem Thema weiterführen. Danke

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 3 Wochen

    Hallo,
    vermutlich hast du das Plugin https://wordpress.org/plugins/tzm-responsive-block-controls/ installiert und aktiviert. Über dieses Plugin werden vermutlich u. a. die folgenden CSS-Regeln definiert:

    @media screen and (min-width: calc(782px)) and (max-width: 1024px) {
    .tzm-responsive__hidden__tablet:not(.wp-block) {
        display: none !important;
    }
}

    und 

    @media screen and (max-width: 781px) {
    [style*="--tzm-responsive--text-align--phone"] {
        text-align: var(--tzm-responsive--text-align--phone) !important;
    }
}

    Deaktiviere doch bitte mal dieses Plugin, wenn das aktiviert sein sollte.

    Hilfreich für eine genauere 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):
    Website-Bericht

    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

    Lies doch bitte auch mal: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Thread-Starter susanne0311

    (@susanne0311)

    vor 1 Monat, 2 Wochen

    Hallo Hans-Gerd,

    ja an das Plugin wird es liegen, aber ich kriege den gewünschten Header/Footer in den jeweiligen Ansichten sonst nicht hin. Ich habs nun deaktiviert, aber nun ist das Problem, das wieder alles zerschossen ist 🙈

    ` wp-core

    version: 6.9
    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: /homepages/40/d4299353287/htdocs/wordpress
    wordpress_size: 115,89 MB (121524030 bytes)
    uploads_path: /homepages/40/d4299353287/htdocs/wordpress/wp-content/uploads
    uploads_size: 3,50 GB (3756572837 bytes)
    themes_path: /homepages/40/d4299353287/htdocs/wordpress/wp-content/themes
    themes_size: 12,87 MB (13495522 bytes)
    plugins_path: /homepages/40/d4299353287/htdocs/wordpress/wp-content/plugins
    plugins_size: 31,77 MB (33314235 bytes)
    fonts_path: /homepages/40/d4299353287/htdocs/wordpress/wp-content/uploads/fonts
    fonts_size: 9,86 KB (10100 bytes)
    database_size: 23,83 MB (24985600 bytes)
    total_size: 3,68 GB (3949902324 bytes) wp-active-theme

    name: Extendable (extendable)
    version: 2.0.32
    author: Extendify
    author_website: https://extendify.com
    parent_theme: none
    theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, widgets-block-editor, block-templates, wp-block-styles, editor-style
    theme_path: /homepages/40/d4299353287/htdocs/wordpress/wp-content/themes/extendable
    auto_update: Aktiviert wp-themes-inactive (1)

    Twenty Twenty-Five: version: 1.4, author: Das WordPress-Team, Automatische Aktualisierungen aktiviert wp-mu-plugins (1)

    WordPress automation by Installatron: author: (undefined), version: (undefined) wp-plugins-active (9)

    Duplicate Page: version: 4.5.6, author: mndpsingh287, Automatische Aktualisierungen aktiviert
    Essentials: version: 1.4.3, author: IONOS Group, Automatische Aktualisierungen aktiviert
    Extendify WordPress Onboarding and AI Assistant: version: 2.3.1, author: Extendify, Automatische Aktualisierungen aktiviert
    Marketplace: version: 2.3.0, author: IONOS Group, Automatische Aktualisierungen aktiviert
    Performance: version: 3.0.2, author: IONOS Group, Automatische Aktualisierungen aktiviert
    Serend Animations: version: 1.0.3, author: serend.design, Automatische Aktualisierungen aktiviert
    Single Sign-On: version: 2.2.4, author: IONOS Group, Automatische Aktualisierungen aktiviert
    Site Assistant: author: (undefined), version: 1.0.0, Automatische Aktualisierungen aktiviert
    TZM Responsive Block Controls: version: 1.2.1, author: TezmoMedia - Jakob Wiens, Automatische Aktualisierungen aktiviert 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: 1
    post_max_size: 64M
    upload_max_filesize: 64M
    max_effective_size: 64 MB
    max_file_uploads: 20
    image_format_transforms: image/heic → image/jpeg, image/heif → image/jpeg, image/heic-sequence → image/jpeg, image/heif-sequence → image/jpeg
    gd_version: 2.3.0
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.53.3 wp-server

    server_architecture: Linux 4.4.400-icpu-106 x86_64
    httpd_software: Apache
    php_version: 8.1.33 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 5000
    time_limit: 50000
    memory_limit: -1
    max_input_time: -1
    upload_max_filesize: 64M
    php_post_max_size: 64M
    curl_version: 7.74.0 OpenSSL/1.1.1w
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    static_robotstxt_file: false
    current: 2025-12-22T19:28:43+00:00
    utc-time: Monday, 22-Dec-25 19:28:43 UTC
    server-time: 2025-12-22T20:28:41+01:00 wp-database

    extension: mysqli
    server_version: 10.11.14-MariaDB-log
    client_version: mysqlnd 8.1.33
    max_allowed_packet: 67108864
    max_connections: 3000 wp-constants

    WP_HOME: https://lieberunterwegs.de
    WP_SITEURL: https://lieberunterwegs.de
    WP_CONTENT_DIR: /homepages/40/d4299353287/htdocs/wordpress/wp-content
    WP_PLUGIN_DIR: /homepages/40/d4299353287/htdocs/wordpress/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: -1
    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: utf8
    DB_COLLATE: undefined wp-filesystem

    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    fonts: writable
    mu-plugins: writable
    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 2 Wochen

    Hallo,

    Ich habs nun deaktiviert, aber nun ist das Problem, das wieder alles zerschossen ist 🙈

    nun ja, ich sehe das Problem: Du hast zwei Header im Template (vermutlich das Seiten-Template).
    Der erste Header zeigt immer das mobile Menü und der zweite Header immer das Menü für Desktop, das aber ab ca. 600 px komplett verschwindet.

    Vielleicht ist es zunächst mal ok, wenn du im Template den zweiten Header löschst. Dann hast du zumindest eine funktionierende Navigation.

    Ich habe gerade das Theme (Extandable) auf einer frischen WordPress-Instanz installiert.
    Wie erwartet wird ab einem Breakpoint von 599px das mobile Menü gezeigt – ohne dass ich irgendwelche Einstellungen vornehmen muss.

    Im Website-Bericht sehe ich keine besonderen Auffälligkeiten.

    Viele Grüße
    Hans-Gerd

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 2 Wochen

    Nachtrag:
    Ich sehe gerade, dass beim zweiten Header jetzt auch die mobile Ansicht funktioniert. Daher nicht den zweiten, sondern den ersten Header löschen.

    Und vorher wie immer bitte sichern.

    • Diese Antwort wurde vor 1 Monat, 2 Wochen von Hans-Gerd Gerhards geändert. Grund: Änderung und Ergänzung
    Thread-Starter susanne0311

    (@susanne0311)

    vor 1 Monat, 2 Wochen

    Danke Hans-Gerd für den richtigen Tipp. Ich habe jetzt nochmal hin und her probiert und einen Weg gefunden, mit dem ich erstmal leben kann 🙂 Aber im Ursprung weiß ich nun glaube ich, wo mein Problem lag. Lieben Dank für die Hilfe hier.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 2 Wochen

    Hallo Susanne,
    danke für die Rückmeldung und „Gelöst“- Markieren.

    Noch ein kurzer Hinweis: Der Breakpoint für das mobile Menü ist bei deiner Website nicht optimal, weil die Navigation unter ca. 1050px zweizeilig wird.

    Du kannst das recht einfach mit meinem Plugin „Dynamic Header & Navigation for Block Themes“ (https://de.wordpress.org/plugins/shrinking-logo-sticky-header/) aus dem WordPress Repository korrigieren, das u. a. eine entsprechende Option zur Einstellung dazu anbietet.

    Viele Grüße
    Hans-Gerd

    Thread-Starter susanne0311

    (@susanne0311)

    vor 1 Monat, 2 Wochen

    Ganz lieben Dank Hans-Gerd, mit deiner Hilfe habe ich nun auch das letzte Problem lösen können.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 1 Monat, 2 Wochen

    super – freut uns. Danke für die Rückmeldung und “Gelöst”-Markieren. 👍

Ansicht von 13 Antworten – 1 bis 13 (von insgesamt 13)

Du musst angemeldet sein, um auf dieses Thema zu antworten.