(Design-) Anpassung dropdown-Menü

  • Gelöst Christoph

    (@wpschnix25)


    vor 3 Monaten, 3 Wochen

    Hallo,

    ich habe mir vor einigen Jahren eine Seite mit Dreamweaver ohne Vorkenntnis erstellt – dabei hauptsächlich über Grafiken/Überblendungen anstatt Text gestaltet. Seit ca. zwei Wochen bin ich jetzt wordpress-Einsteiger und versuche mich an der überarbeiteten Version der vorherigen Seite. Und komme schon bei der Navigation bzw. beim dropdown an meine Grenzen. (Die Seite ist bisher nicht veröffentlicht.)

    Nach dutzenden von youtube-Videos, durchblättern eines vielseitigen Handbuchs komme ich immer noch nicht weiter:

    es ist mir unbegreiflich, wie man die Unterpunkte des Menüs „zurechtrücken“ kann, also von der wohl voreingestellten ‚Linksbündigkeit‘ in die Mitte etc. Es gibt im costumizer lediglich unter „header > dropdown navigation“ eine Möglichkeit zur Einstellung der Breite und vertikaler Abstand der dropdown Elemente… das es auf einem Kadence Theme basiert, ist wohl hoffentlich nicht entscheidend?! Die Einstellung gilt für die Anzeige auf dem großen Bildschirm. Ich hoffe, es verständlich erklärt zu haben und freue mich auf Rückmeldungen,

    Christoph

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

Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Monaten, 3 Wochen

    Hallo,
    das ist etwas schwierig zu beantworten, weil die angegebene Website im Wartungsmodus ist.
    Sollte das Theme keine Option für eine zentrierte Darstellung der Menüpunkte beiten, kann man das voraussichtlich auch per Custom CSS einrichten. Dazu müsste man sich aber die Website ansehen können, die du gerade entwickelst.

    Hilfreich für eine Analyse wäre außerdem 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

    Viele Grüße
    Hans-Gerd

    Thread-Starter Christoph

    (@wpschnix25)

    vor 3 Monaten, 3 Wochen

    Guten Morgen Hans-Gerd,

    vielen Dank für Deine schnelle Antwort! Hier der Bericht: (es ist ja nicht ein ‚Problem‘ im Sinne der Website-Analyse) Ich weiß halt nicht, wie man die Navigation einstellt…

    ` wp-core

    version: 6.7.1
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: false
    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: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25
    wordpress_size: 62,54 MB (65581147 bytes)
    uploads_path: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content/uploads
    uploads_size: 129,11 MB (135378199 bytes)
    themes_path: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content/themes
    themes_size: 11,15 MB (11689192 bytes)
    plugins_path: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content/plugins
    plugins_size: 122,02 MB (127946013 bytes)
    fonts_path: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content/uploads/fonts
    fonts_size: 150,96 kB (154580 bytes)
    database_size: 10,41 MB (10911744 bytes)
    total_size: 335,37 MB (351660875 bytes) wp-active-theme

    name: Kadence (kadence)
    version: 1.2.14
    author: Kadence WP
    author_website: https://www.kadencewp.com/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, title-tag, html5, custom-units, custom-line-height, customize-selective-refresh-widgets, responsive-embeds, post-thumbnails, editor-styles, align-wide, custom-spacing, block-templates, editor-style, amp, menus, custom-logo, editor-color-palette, widgets
    theme_path: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content/themes/kadence
    auto_update: Deaktiviert wp-themes-inactive (2)

    OnyxPulse: version: 1.0.2, author: Automattic, Automatische Aktualisierungen deaktiviert
    WP Portfolio: version: 2.5, author: Theme Horse, Automatische Aktualisierungen deaktiviert wp-mu-plugins (1)

    1&1 Product Subdomain: version: 1.1.0, author: 1&1 wp-plugins-active (7)

    Admin and Site Enhancements (ASE): version: 7.6.7.1, author: wpase.com, Automatische Aktualisierungen deaktiviert
    Depicter: version: 3.6.1, author: Depicter Slider and Popup by Averta, Automatische Aktualisierungen deaktiviert
    Image Hover Effects Ultimate (Photo Gallery, Effects, Lightbox, Comparison or Magnifier): version: 9.9.5, author: Biplob Adhikari, Automatische Aktualisierungen aktiviert
    IONOS Performance: version: 2.0.3, author: IONOS, Automatische Aktualisierungen aktiviert
    Kadence Blocks – Gutenberg Blocks for Page Builder Features: version: 3.4.6, author: Kadence WP, Automatische Aktualisierungen aktiviert
    Starter Templates by Kadence WP: version: 2.1.9, author: Kadence WP, Automatische Aktualisierungen aktiviert
    WP Content Copy Protection & No Right Click: version: 3.6.2, author: wp-buy, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (2)

    Elementor: version: 3.26.5, author: Elementor.com, Automatische Aktualisierungen deaktiviert
    Image Hover Effects - Elementor Addon: version: 1.4.4, author: Blocksera, 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: 1
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    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-101 x86_64
    httpd_software: Apache
    php_version: 8.3.15 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 1024M
    max_input_time: -1
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 7.74.0 OpenSSL/1.1.1w
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2025-01-20T07:18:04+00:00
    utc-time: Monday, 20-Jan-25 07:18:04 UTC
    server-time: 2025-01-20T08:18:02+01:00 wp-database

    extension: mysqli
    server_version: 10.6.15-MariaDB-log
    client_version: mysqlnd 8.3.15
    max_allowed_packet: 67108864
    max_connections: 3000 wp-constants

    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content
    WP_PLUGIN_DIR: /homepages/20/d413443275/htdocs/clickandbuilds/VisuSchnix25/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 1024M
    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 kadence-blocks

    version: 3.4.6
    last_updated: 1737100235
    previous_version: 3.4.5
    pro_active: No
    deactivated_blocks: Keine
    block_defaults: Nein
    block_visibility: Nein
    custom_colors: No
    recaptcha_key: No
    maps_key: No
    mailerlite_key: No
    cloud_connect: Yes

    Seltsam, warum kann ich hier nicht einfach einen screenshot per drag n‘ drop oder copy/paste einfügen? Wenn ich ein Bild im post einfügen möchte, nur in Verbindung mit dem URL.. Wie hast Du die Möglichkeit dazu?

    Viele Grüße

    Christoph

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Monaten, 3 Wochen

    Hallo,

    Hier der Bericht: (es ist ja nicht ein ‚Problem‘ im Sinne der Website-Analyse)

    Doch, weil wir dann exakt wissen, um welches Theme in welcher Version es sich handelt und ob ggfs. auch Plugins in Bezug auf das Problem eine Rolle spielt.

    Seltsam, warum kann ich hier nicht einfach einen screenshot per drag n‘ drop oder copy/paste einfügen?

    Siehe aus unserer FAQ: https://de.wordpress.org/support/topic/wie-kann-man-bilder-in-einen-forenbeitrag-einfuegen/

    Unter Design > Customizer > Header gibt es wohl eine Option zur Anpassung der Header-Struktur, einschließlich der Menüausrichtung. Getestet habe ich das allerdings nicht.
    Melde dich bitte, wenn das nicht der Fall ist. Dann muss ich mir das mal auf einer Testinstanz ansehen.

    Viele Grüße
    Hans-Gerd

    Thread-Starter Christoph

    (@wpschnix25)

    vor 3 Monaten, 3 Wochen

    Hallo Hans-Gerd,

    Nochmals vielen Dank für Deine Erklärungen und Hinweise. Es gibt Anpassungen des Headers, aber die sind spärlich, mich wundert das sehr. War in Dreamweaver direkter zu lösen, wegen CSS usw. wovon ich rudimentär Kenntnis hatte/habe. Und schon gar nicht weiß, wie diese Optionen hier in wordpress eingebunden sind. Hier ein paar screenshots:

    View post on imgur.com
    dropdown linksbündig, soll aber mittig darunter sein
    View post on imgur.com
    (wenig) Einstellungsmöglichkeiten 1
    View post on imgur.com
    View post on imgur.com
    View post on imgur.com
    View post on imgur.com
    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Monaten, 3 Wochen

    Hallo,
    ich habe das Theme gerade mal auf einer Testinstanz installiert und aktiviert. Eine entsprechende Option habe ich nicht gefunden, muss allerdings sagen, dass ich die von dir gewünschte Möglichkeit der Zentrierung der Menüpunkte nicht so doll finde.

    Nun denn: Füge bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS am Ende ein und teste dann bitte, ob es funktioniert:

    .header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a {
    text-align: center;
}

    Viele Grüße
    Hans-Gerd

    Thread-Starter Christoph

    (@wpschnix25)

    vor 3 Monaten, 3 Wochen

    Hallo Hans-Gerd,

    super – es hat geklappt! Vielen Dank für Deine Hilfe!

    Viele Grüße

    Christoph

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Monaten, 3 Wochen

    Hallo @wpschnix25
    denkst du bitte beim nächsten Mal daran, das Thema dann auch als gelöst zu markieren, wenn das Thema für dich erledigt ist. Danke.
    Gelöst
    Die Option findest du rechts in der Sidebar. Das habe ich jetzt schon gemacht.

    Sonst schauen wir unnötigerweise immer wieder in ein bereits gelöstes Thema. 😉

    Viele Grüße
    Hans-Gerd

    Thread-Starter Christoph

    (@wpschnix25)

    vor 3 Monaten, 3 Wochen

    Guten Morgen Hans-Gerd,

    danke für Deinen Hinweis – habe ich nicht dran gedacht, bin ja neu hier. Werde ich sodann erledigen. Das Design Deiner Seiten finde ich übrigens auch nicht so doll, aber wie bei Vielem ist auch das Geschmackssache.

    Wie dem auch sei, ich bedanke mich noch einmal sehr für Deine auch für mich als Neueinsteiger verständliche und sehr schnelle Hilfe!

    Noch eine Anmerkung – und nimm das als freundlichen Hinweis – es ist immer schön, in jeglichem Kontakt mit Namen angesprochen/-geschrieben zu werden (ich heiße, wie geschrieben, Christoph) 😉

    Viele Grüße von Christoph

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