Alle Menü-Hover gleichzeitig aktiv

  • Gelöst Marco

    (@marco27)


    vor 7 Jahren, 4 Monaten

    Hallo,

    ich erstelle zur Zeit eine Webseite die als Onepager aufgebaut ist. Beim Anlegen der Navigation ist mir anhand des „Hovereffekts“ aufgefallen, das anscheinend alle Menüpunkte gleichzeitig aktiviert sind. Anhand der Menüpunkte kann man sich jedoch ganz normal auf der Seite bewegen. Ich habe die Menü-Struktur nur durch custom-links aufgebaut. Liegt da vllt der Fehler? Die Seiten-Option bei der Menü-Struktur hat zu keiner Veränderung geführt.

    PS: Ich nutze das Avada Theme. Wenn ich dort Buttons für die Menüpunkte anlege, gibt es diesen Fehler nicht. Handelt es sich also um ein grundsätzliches Problem oder ist es Themeabhängig?

    Grüße
    Marco

Ansicht von 10 Antworten – 16 bis 25 (von insgesamt 25)
1 2
  • siegbert

    (@siegbert)

    vor 7 Jahren, 3 Monaten

    Kannst Du Dir noch einmal meine Testseite anschauen. Ich habe die noch einmal komplett neu aufgesetzt.

    Ohne Dein Plugin war es so, dass wenn ich auf „Hallo Welt“ geklickt habe (also den Standard mäßig installierten Blog-Beitrag) dieser im Menü aktiv in einer lila Hintergrundfarbe angezeigt wird. Baue ich Dein Plugin ein, wird der Menüpunkt beim Anklicken nicht mehr in der aktiven lila Hintergrundfarbe angezeigt.

    Ich habe da leider keine Erklärung für. Bin mir aber sicher, dass es bei meiner ursprünglichen Installation geklappt hat.

    Bereits jetzt Danke für Deine Antwort.

    Viele Grüße,
    Sigi

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 7 Jahren, 3 Monaten

    Das Plugin entfernt aktuell von allen Menüeinträgen die CSS-Klasse current-menu-item, um sie dann dem ersten Menüeintrag mit Anker zuzuweisen. Da dein Menü keine Menüeinträge mit Anker enthält, trifft nur der erste Teil zu, was zu dem Fehler führt.

    Ich habe letzte Woche ein paar Korrekturen ab Plugin vorgenommen und auch deinen „Issue“ auf GitHub gesehen, aber als unbezahltes Freizeit-Objekt hat das Plugin für mich keine Priorität.

    siegbert

    (@siegbert)

    vor 7 Jahren, 3 Monaten

    Zuerst einmal vielen Dank für Deine Antwort. Das mit meinem „Issue“ auf GitHub kannst Du ganz hinten anstellen. Es soll Hobby sein und Spaß machen. Von daher ist es mir vollkommen verständlich, dass es für Dich keine Prio hat.

    Ich traue mich fast nicht mehr zu Fragen, denn es funktioniert immer noch nicht richtig.

    1. Frage:

    Ist es vollkommen egal, wo der erste Menüeintrag mit Anker im Menü erscheint?

    2. Frage:

    Warum funktioniert es bei mir immer noch nicht richtig?

    Als Startseite ist bei mir die „Willkommen“ Seite hinterlegt. Dort ist kein Anker vorhanden. Rufe ich die Domain über den Browser auf, wird im Menü „Willkommen“ korrekt mit lila Hintergrundfarbe angezeigt. Ist ja auch die aktive Seite.

    Klicke ich dann auf den Menüpunkt „1. Anker“ wird damit der erste Ankerpunkt (#start) auf der extra dafür angelegten Seite „Anker“ aufgerufen. Allerdings erscheint die Seite im Menü nicht als aktiv.

    Klicke ich dann auf den Menüpunkt „2. Anker“ wird damit der zweite Ankerpunkt (#mitte) auf der dafür angelegten Seite „Anker“ aufgerufen. Im Menü erscheint der Menüpunkt „2. Anker“ korrekt als aktiv.

    Klicke ich jetzt wieder auf den Menüpunkt „1. Anker“ wird dieser nun korrekt im Menüpunkt „1. Anker“ als aktiv angezeigt.

    Seltsam ist auch, dass wenn ich von den Menüpunkten „Willkommen“, „Hallo Welt“ und „Zweiter Beitrag“ (alle ohne Anker) auf den Menüpunkt „1. Anker“ klicke, dieser als nicht aktiv angezeigt wird. Erst durch nochmaliges klicken auf „1. Anker“ bewegt sich die Seite minimal und wird dann im Menüpunkt als aktiv angezeigt. Gleichen passiert wenn ich diesen Weg auf den Menüpunkt „2. Anker“ mache.

    Was immer noch nicht geht, ist dass beiden Menüpunkte „Hallo Welt“ und „Zweiter Beitrag“ beim anklicken als nicht aktiv angezeigt werden. Beides sind ja keine Seiten, sondern Beiträge. Hängt es vielleicht indirekt damit zusammen, dass da im CSS bei den Beiträgen ein menu-item-objekt-post hinterlegt ist und bei den Seiten ein menu-item-object-page?

    Ich will Dich da echt nicht wegen nerven, aber kannst Du wenn Du irgendwie Zeit findest, da bei mir noch einmal auf meine Seite schauen. ich selber werde es nie schaffen, das zu lösen.

    Vielen Dank,
    Sigi

    • Diese Antwort wurde vor 7 Jahren, 3 Monaten von siegbert geändert.
    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 7 Jahren, 3 Monaten

    Das Problem ist, dass es ganz verschiedene Arten von Links gibt, die in und außerhalb des Hauptmenüs stehen können …

    https://example.com und
https://example.com/impressum -- Normale Links
https://example.com/onepager# -- … mit leerem Anker
https://example.com/onepager#eins -- mit Anker
https://anotherexample.com -- individuelle Links, extern
https://anotherexample.com/whatever#eins -- individuelle Links mit Anker, extern

    Dazu kommt noch die Frage, ob der Link im Hauptmenü steht, in einer Sidebar oder gar nicht in einem Menü, also zum Beispiel ein Link <a href="#">Zurück nach oben</a> (wobei die Erwartung ist, dass beim Anklicken nicht nur der Fokus wieder nach oben gesetzt wird, sonder der erste (?) Link zur Seite die CSS-Klasse .current-page-item zugewiesen bekommt) oder im Text mehr Informationen finden Sie in <a href="https://example.com/onepager#drei">Abschnitt drei</a>.

    Kurz … es ist etwas komplexer, als es zunächst aussieht. Das Hervorheben der Links in einem fixierten Menü beim Scrollen kommt dann noch als „Bonus“ oben drauf.

    Ich gehe jetzt gar nicht mehr im Detail auf deine Beispiele ein und schau mal, ob ich nächste Woche ein wenig Zeit finde, das dazwischenzupacken.

    siegbert

    (@siegbert)

    vor 7 Jahren, 3 Monaten

    Das wäre echt super. Ich bin da echt mal gespannt.

    Vielen Dank und ein schönes Wochenende,

    Sigi

    siegbert

    (@siegbert)

    vor 7 Jahren, 2 Monaten

    Ich traue mich fast nicht nachzuhaken. Ich mache es trotzdem. Gibt es schon was Neues zu berichten, oder hast Du bis jetzt einfach keine Zeit dafür gefunden?

    Viele Grüße,
    Sigi

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 7 Jahren, 2 Monaten

    Bisher hatte ich mich vor allem mit der Fehlerbeseitigung beschäftigt, bin aber noch nicht so weit, dass beim Scrollen der Link zum Abschnitt hervorgehoben wird. Da ich im Rahmen der Fehlerbeseitigung aber schon eine Hervorhebung eingebaut habe, die dann obsolet ist, habe ich auch noch keine Aktualisierung auf GitHub veröffentlicht.

    Vom Arbeitsumfang übersteigt das Projekt sowieso den Rahmen einer ehrenamtliche Hilfe hier im Supportforum. Da es dir offensichtlich eilt und ich im Moment Aktualisierungen an einem anderen Plugin vorziehen muss, kann ich dir wohl nicht weiterhelfen. Vielleicht solltest du einen Dienstleister beauftragen, der dann sicherlich schneller eine passende Lösung liefert.

    siegbert

    (@siegbert)

    vor 7 Jahren, 2 Monaten

    Eigentlich eilt es nicht extrem. Mitte Januar läuft mein Vertrag bei (bitte nicht schimpfen) bei Jimdo aus. Bis dahin will ich den Inhalt und auch die Optik der dortigen Internetseite www.bueroassistenz-Krieger.de
    , eins zu eins über WordPress umsetzten. Und genau dafür brauche ich die Navigation.

    Also, wenn ich wüsste, dass bis dahin Dein Plugin so funktioniert, kann ich damit sehr gut leben.

    • Diese Antwort wurde vor 7 Jahren, 2 Monaten von siegbert geändert.
    siegbert

    (@siegbert)

    vor 7 Jahren, 2 Monaten

    Noch einmal eine kurze Frage. Wenn ich mir aktuell das Plugin von Dir über GitHub runter lade und installiere steht im Backend von WordPress unter den installierten Plugins bei Deinem Plugin die Version 0.1.0

    Laut Changelog sollte es aber doch aktuell die Version 0.2.0 sein, oder?

    Viele Grüße,
    Sigi

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 7 Jahren, 2 Monaten

    @siegbert

    Deine zuletzt hier gestellten Fragen haben nichts mit dem ursprünglichen Thema dieses Threads zu tun.

    Bei Fragen zu einem GitHub-Repository von mir kannst du einen Issue auf GitHub erstellen. Ich möchte aber auch nochmal daran erinnern, dass wir hier ehrenamtlich Hilfe anbieten und dir niemand eine Dienstleistung schuldet, egal wann du deine Website fertig bekommen möchtest. Das Forum ist keine Jobbörse und kein Portal für „Bestellungen“.

    Ich schließe deshalb an dieser Stelle den eigentlich längst beantworteten Thread. Vielen Dank für dein Verständnis, Bego

Ansicht von 10 Antworten – 16 bis 25 (von insgesamt 25)
1 2

Das Thema „Alle Menü-Hover gleichzeitig aktiv“ ist für neue Antworten geschlossen.