Mobiles Menu klappt nicht auf

  • fckoenigsbrunn

    (@fckoenigsbrunn)


    vor 1 Jahr, 1 Monat

    Hallo zusammen,

    ich habe eine WP-Seite übernommen und bin noch nicht erfahren mit Max Mega Menu. Mein Problem ist, dass das mobile Menu nur bei Klicks auf den Pfeil öffnet, nicht aber auf den Menutext. Der Link ist gleich aber beim Klick auf den Text läd einfach die aktuelle Seite noch einmal und nicht die eigentliche Seite. Was kann das sein?

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

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 16)
1 2
  • Moderator threadi

    (@threadi)

    vor 1 Jahr, 1 Monat

    Die Hauptmenüpunkte sind selbst Links. Somit ergeben sich dort 2 Aktionen die für das gleiche Event (klick) feuern sollten. Das geht so natürlich nicht. Man kann nicht gleichzeitig einen Link aufrufen und das Menü aufklappen.

    Das von dir genutzte Plugins ermöglicht es, soweit ich es aus der Pluginbeschreibung sehe, statt einem Klick auch einen Hover-Effekt zu nutzen. D.h. man fährt mit der Maus nur drüber um das Menü aufzuklappen. Ich würde dir empfehlen diese Option zu nutzen. Damit muss man nicht extra noch klicken und es sollte auch beim Hauptmenüpunkt selbst funktionieren.

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    Danke für Deine Antwort aber das löst mein Problem leider nicht:

    Wenn ich als Ereignis bei den Einstellungen von „Klick“ auf was anderes stelle, geht das „normale‘ Menu ohne Klick auf, OK. Nun brauch ich aber eine Lösung wenn dieses Menu mit einer Breite kleiner 999px angezeigt wird (= „Effekt (Mobile)“) und da kann ich bei den Einstellungen nicht wählen zwischen Klick und Hover. Das macht auch Sinn weil auf Smartphone Hover nicht wirklich vorkommt sondern nur der Klick.

    Hast Du vielleicht noch eine andere Idee?

    • Diese Antwort wurde vor 1 Jahr, 1 Monat von fckoenigsbrunn geändert.
    • Diese Antwort wurde vor 1 Jahr, 1 Monat von fckoenigsbrunn geändert.
    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Jahr, 1 Monat

    Setze die Hauptmenüpunkte (die Untermenüs enthalten) mit #
    Also statt dort einen Link hineinzuschreiben, füge als Link # ein.

    Das mit dem Klick klappt deshalb nicht (wie threadi richtig geschrieben hatte), weil damit direkt eine neue Seite geöffnet wird. Durch # erhältst du einen „nicht funktionellen“/toten Link.

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    Danke auch Dir für Deine Antwort.

    Aber das ist bereits der Fall:

    https://www.fc-koenigsbrunn.de/#teams

    Irgendwie scheine ich mein Problem nicht gut genug beschreiben zu können. Vielleicht wäre ein Blick auf die Seite mal sinnvoll.

    zum reproduzieren:

    • mit verringerter Bildschirmbreite das Menu öffnen
    • auf „Teams“ klicken und die aktuelle Seite läd noch einmal (=falsch)
    • auf den Pfeil hinter „Teams“ klicken und das Menu geht auf, wie es soll
    • Diese Antwort wurde vor 1 Jahr, 1 Monat von fckoenigsbrunn geändert.
    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Jahr, 1 Monat

    Ein Website-Zustandsbericht würde weiterführen.
    https://de.wordpress.org/support/topic/bevor-du-ein-neues-thema-thread-erstellst/

    Ich hatte mir deine Website nicht angeschaut, da ich von Folgendem ausgegangen war:

    Die Hauptmenüpunkte sind selbst Links. Somit ergeben sich dort 2 Aktionen die für das gleiche Event (klick) feuern sollten.

    , eine Aussage von Threadi (einem sehr erfahrenen WordPress-Anwender) und dieser Aussage hattest du nicht widersprochen.

    Wie geschrieben: Ein Website-Zustandsbericht liefert Informationen über die installierten Elemente und vieles mehr.

    Derzeit ist :hover aktiviert, der Fehler lässt sich in Desktop-Ansicht nicht reproduzieren/nachvollziehen (falls dort auch Klick-Event beabsichtigt ist).

    Die Entwicklerkonsole zeigt (in Responsive) einen Fehler bei onmousedown an im contentscript.js

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    ` wp-core

version: 6.2.4
    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: closed
    environment_type: production
    user_count: 6
    dotorg_communication: true wp-paths-sizes

wordpress_path: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de
    wordpress_size: 283,65 MB (297432199 bytes)
    uploads_path: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content/uploads
    uploads_size: 171,53 MB (179866875 bytes)
    themes_path: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content/themes
    themes_size: 30,56 MB (32044195 bytes)
    plugins_path: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content/plugins
    plugins_size: 180,52 MB (189285972 bytes)
    database_size: 12,08 MB (12664832 bytes)
    total_size: 678,34 MB (711294073 bytes) wp-active-theme

name: FC Königsbrunn (twentytwenty-fck)
    version: 1.0
    author: undefined
    author_website: https://www.fc-koenigsbrunn.de/
    parent_theme: Twenty Twenty (twentytwenty)
    theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, custom-background, post-thumbnails, custom-logo, title-tag, html5, align-wide, responsive-embeds, customize-selective-refresh-widgets, editor-color-palette, editor-font-sizes, editor-styles, widgets, menus, editor-style
    theme_path: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content/themes/twentytwenty-fck
    auto_update: Deaktiviert wp-parent-theme

name: Twenty Twenty (twentytwenty)
    version: 2.2 (latest version: 2.6)
    author: Das WordPress-Team
    author_website: https://de.wordpress.org/
    theme_path: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content/themes/twentytwenty
    auto_update: Deaktiviert wp-themes-inactive (2)

OceanWP: version: 3.4.6, author: OceanWP (latest version: 3.5.5), Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Three: version: 1.1, author: Das WordPress-Team (latest version: 1.4), Automatische Aktualisierungen deaktiviert wp-plugins-active (10)

Blog Designer Pack: version: 3.4, author: InfornWeb (latest version: 3.4.4), Automatische Aktualisierungen deaktiviert
    Complianz | GDPR/CCPA Cookie Consent: version: 6.5.2, author: Really Simple Plugins (latest version: 7.0.4), Automatische Aktualisierungen deaktiviert
    Elementor: version: 3.14.1, author: Elementor.com (latest version: 3.20.3), Automatische Aktualisierungen deaktiviert
    Enable Media Replace: version: 4.1.2, author: ShortPixel (latest version: 4.1.5), Automatische Aktualisierungen deaktiviert
    Max Mega Menu: version: 3.2.2, author: megamenu.com (latest version: 3.3.1), Automatische Aktualisierungen deaktiviert
    Premium Addons for Elementor: version: 4.10.1, author: Leap13 (latest version: 4.10.27), Automatische Aktualisierungen deaktiviert
    Smart Slider 3: version: 3.5.1.17, author: Nextend (latest version: 3.5.1.21), Automatische Aktualisierungen deaktiviert
    Smash Balloon Instagram Feed: version: 6.1.5, author: Smash Balloon (latest version: 6.2.10), Automatische Aktualisierungen deaktiviert
    UpdraftPlus - Backup/Restore: version: 1.23.7, author: UpdraftPlus.Com, DavidAnderson (latest version: 1.24.2), Automatische Aktualisierungen deaktiviert
    Yoast Duplicate Post: version: 4.5, author: Enrico Battocchi & Team Yoast, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (13)

BackWPup: version: 4.0.0, author: Inpsyde GmbH (latest version: 4.0.4), Automatische Aktualisierungen deaktiviert
    bfv Widget WP: version: 1.0, author: Georg Strey (georg.strey@googlemail.com), Automatische Aktualisierungen deaktiviert
    Contact Form 7: version: 5.7.7, author: Takayuki Miyoshi, Automatische Aktualisierungen deaktiviert
    Cookie Notice & Compliance for GDPR / CCPA: version: 2.4.9, author: Hu-manity.co (latest version: 2.4.16), Automatische Aktualisierungen deaktiviert
    Fupa.Net Widget Shortcode: version: 0.4, author: Darius Brückers, Automatische Aktualisierungen deaktiviert
    Imsanity: version: 2.8.2, author: Exactly WWW (latest version: 2.8.3), Automatische Aktualisierungen deaktiviert
    Include Fussball.de Widgets: version: 3.7.0, author: Alexander Böhm ab@its-boehm.de, Automatische Aktualisierungen deaktiviert
    MetaSlider: version: 3.33.0, author: MetaSlider (latest version: 3.70.0), Automatische Aktualisierungen deaktiviert
    Ninja Forms: version: 3.6.28, author: Saturday Drive (latest version: 3.8.2), Automatische Aktualisierungen deaktiviert
    Page Builder by SiteOrigin: version: 2.24.0, author: SiteOrigin (latest version: 2.29.11), Automatische Aktualisierungen deaktiviert
    Statify: version: 1.8.4, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
    Statify – Extended Evaluation: version: 2.6.3, author: Patrick Robrecht (latest version: 2.6.4), Automatische Aktualisierungen deaktiviert
    Yoast SEO: version: 20.11, author: Team Yoast, Automatische Aktualisierungen deaktiviert wp-media

image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1690
    imagemagick_version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org
    imagick_version: 3.4.4
    file_uploads: File uploads is turned off
    post_max_size: 200M
    upload_max_filesize: 200M
    max_effective_size: 200 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 62 GB
    imagick::RESOURCETYPE_DISK: 1.84467440737E+19
    imagick::RESOURCETYPE_FILE: 786432
    imagick::RESOURCETYPE_MAP: 62 GB
    imagick::RESOURCETYPE_MEMORY: 31 GB
    imagick::RESOURCETYPE_THREAD: 16
    imagick::RESOURCETYPE_TIME: 1.84467440737E+19
    imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, 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, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, 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, 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, VIFF, VIPS, VST, WBMP, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.50 wp-server

server_architecture: Linux 5.4.0-174-generic x86_64
    httpd_software: Apache
    php_version: 7.4.33 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 3000
    time_limit: 30
    memory_limit: 256M
    max_input_time: 60
    upload_max_filesize: 200M
    php_post_max_size: 200M
    curl_version: 7.68.0 OpenSSL/1.1.1f
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: false wp-database

extension: mysqli
    server_version: 10.5.23-MariaDB-1:10.5.23+maria~ubu2004-log
    client_version: mysqlnd 7.4.33
    max_allowed_packet: 67108864
    max_connections: 500 wp-constants

WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content
    WP_PLUGIN_DIR: /www/htdocs/w01d4d00/www/fc-koenigsbrunn.de/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 256M
    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: utf8mb4
    DB_COLLATE: undefined wp-filesystem

wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    Moderator threadi

    (@threadi)

    vor 1 Jahr, 1 Monat

    Ich finde das Handling so wie es jetzt gerade zu sehen ist wesentlich angenehmer. Man fährt mit der Maus über den Menüpunkt, egal ob Text oder Pfeil, und das Menü klappt auf. Ich würde empfehlen es so zu lassen.

    Du kannst übrigens die Menüpunkt auch gar nicht anklickbar machen. Trage als Linkziel einfach gar nichts ein. Dann erzeugt WordPress keinen Link sondern ein nicht-klickbares Element. Musst nur schauen, ob das mit deinem Menü-Plugin kompatibel ist.

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    Mir ist bewusst, dass Ihr in Eurer Freizeit Probleme versucht zu lösen. Ich weiß das wirklich zu schätzen und gebe mir Mühe, mein Problem so gut wie möglich zu schildern. (Auch ich bekomme als Ehrenamtlicher kein Geld für die Pflege dieser Seite.) Wenn Ihr mir sagt, welche Informationen fehlen, liefere ich sie gerne.
    Ich merke aus Euren Kommentaren, dass Ihr mein Problem leider nicht versteht. Das kann an mir liegen, deswegen versuche es erneut:
    – Es geht nur um die mobile Ansicht des Menus (-> alles andere geht)
    – Auf Handy/Tablets gibt es kein „Hover“, nur Klicks, da man keinen Mauszeiger zum „drüberfahren“ (=hovern) hat
    – Ich möchte nun auf einen der Hauptmenu-Punkte „klicken“ damit sich das Submenu öffnet wo ich einen Link anklicken kann
    – Das funktioniert bei dem rechts neben dem Menupunkt angezeigten Pfeil nach unten. Aber nicht, wenn man auf den Text des Menupunkt klickt
    – Beide „Ziele“, Pfeil und Menutext, haben den selben Link, z.B. #team aber verhalten sich unterschiedlich

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    Klick auf „grün“ öffnet das Untermenu.

    Klick auf „rot“ läd die aktuelle Seite neu.

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    @threadi: Dass mein Vorhaben möglich ist, sehe ich zB auf der Demoseite von Max Mega Menu. Dort kann ich problemlos einen Menupunkt aufklappen, egal ob ich auf den Text oder den Pfeil daneben klicke.

    Moderator threadi

    (@threadi)

    vor 1 Jahr, 1 Monat

    Sorry, ich hab eben erst verstanden, dass es dir nur um die Mobilansicht geht – obwohl du es oben bereits geschrieben hast. Die Antwort bleibt aber eigentlich die gleiche: man kann einen Menüpunkt nicht mit 2 Events gleichzeitig belegen. Du kannst nicht auf einem Mobilgerät einen Menüpunkt am Text antippen um ihn aufzuklappen während der Text gleichzeitig auch zu einer Seite führt. Wenn Du wie oben beschrieben auf die Verlinkung verzichtest, sollte es aber machbar sein.

    Ich hab das Plugin bei mir auch mal installiert. Das Verhalten der Links kannst Du dort einstellen: Mega Menü > Menü Locations > Mobil Menü > More Options > Advanced > Click Event Behaviour.

    Weiterhin fällt mir auch auf, dass Du dein Menü so aufgebaut hast, dass man es mobil doppelt öffnen muss. Man klickt einmal auf Menü mit den 3 Punkten, dann auf das Menü mit dem Hamburger – das sind zu viele Klicks. Ich sehe jetzt auf Anhieb keine Option um das zu deaktivieren, vielleicht findest Du sie bei dir. Ziel sollte sein, dass nach dem Klick auf Menü mit den 3 Punkten sofort die möglichen Menüpunkte zu sehen sind.

    Moderator Angelika Reisiger

    (@la-geek)

    vor 1 Jahr, 1 Monat

    @fckoenigsbrunn

    doch ich hatte es verstanden und dir auch geschrieben, dass es einen JavaScript-Fehler gibt (inkl. Screenshot).

    Ich riet dir testweise nur # als Link einzufügen (ohne weiteren Text), denn das ist normalerweise ein nicht funktioneller Link, während #teams ein funktionierender Link/Ankerpunkt sein kann. Du hattest mir auf diesen Post geantwortet: Es würde keinen Link geben. Leider hatte ich das so hingenommen. Nun habe ich mir die Menüpunkte angesehen. Dort steht unter Links z. B. #teams und darauf hatte sich @threadi wohl auch bezogen, als er weiter schrieb, dass eine Doppelbelegung nicht funktionieren kann. Also noch einmal: Teste bitte mal # (nur dieses Zeichen) als „Link“.

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    Ok, also es bringt nix. Ich schau mich anderswo um Hilfe um. Ich danke Euch für Eure Zeit.

    Moderator threadi

    (@threadi)

    vor 1 Jahr, 1 Monat

    Ich hatte oben doch beschrieben wie Du das Linkverhalten in den Einstellungen des von dir genutzten Plugins ändern kannst? Wenn Du damit nicht klar kommst, wäre der Support des Plugins der erste Ansprechpartner für dich: https://wordpress.org/support/plugin/megamenu/

    Oder du suchst dir ein anderes Plugin um das Menü zu realisieren.

    Thread-Starter fckoenigsbrunn

    (@fckoenigsbrunn)

    vor 1 Jahr, 1 Monat

    Danke, ich habe alle Eure Ratschläge ausprobiert aber leider hat es nix gebracht. Ich habe es nun schon in anderen Foren versucht, mal kucken was dabei rauskommt.

    Insgesamt habe ich nach wie vor das Gefühl, wir drei reden aneinander vorbei. Deswegen möchte ich Eure und meine Zeit hier nicht weiter in Anspruch nehmen und wünsche Euch alles Gute.

    Ich werde schon eine Lösung finden und durch das viele Rumprobieren habe ich es jetzt wenigstens zu einem Workaround geschafft, der sehr viel besser ist als das, was ich vorgefunden habe als ich die Seite übernommen habe.

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 16)
1 2
  • Das Thema „Mobiles Menu klappt nicht auf“ ist für neue Antworten geschlossen.

Schlagwörter