Abstellen des Hin und Her Flackerns des Untermenü-Popup-Fensters

  • Hallo zusammen,
    Bei meinem "Asteria Pro" Theme habe ich oben die Hauptmenüleiste, bei einigen Punkten meiner Seite gibt es Untermenüs. Gehe ich mit dem Mauszeiger über den Hauptmenüpunkt, poppt ein kleines Fenster darunter mit den Untermenüs auf, die man dann auch direkt anwählen könnte, ohne erst auf den Hauptmenü-Punkt gehen zu müssen. Dieses ist an für sich schön und sinnvoll, nur flackert dieses Popupfenster mit den Untermenüs lästigerweise Hin und her bzw. rauf und runter wenn man mit dem Zeiger draufgehen will, um eins der Untermenüs anzuklicken.
    Es verschwindet sogar oft wieder ganz sobald man drauf ist. Ist das generell auch bei anderen Themes so mit den Untermenüs, und kann man das abstellen?
    Das ist leider extrem lästig und hinderlich in der Navigation.
    Vielen Dank für Hilfe. Besten Gruß!

    Einmal editiert, zuletzt von joldball (15. April 2014 um 15:04)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Link zu Deiner Seite? Keine Lust mir das Theme erst zu besorgen, nur um das eventuell nachstellen zu können ;-)

    Man kann die Realität ignorieren - aber nicht die Folgen der ignorierten Realität.

  • Übel, sowas nervtötendes (@ Submenüs) hab ich ja noch nie gesehen :D
    Scheint, als wäre die transition-Angabe der Übeltäter: style.css Zeile 75 steht der Style für .header4 #topmenu ul li - entferne darin mal alle transition-Einträge, damit sollte sich das dann erledigt haben. Wer sich sowas einfallen lässt gehört aber echt erschlagen o.O

    Man kann die Realität ignorieren - aber nicht die Folgen der ignorierten Realität.

  • Hey Nevery, vielen Dank schon mal, du kennst dich ja gut aus!!
    Du meinst wahrscheinlich hier in diesem Abschnitt eine bestimmte Zeile, bin nicht ganz sicher welche Zeile du meinst, kannst du mir evtl hier kurz markieren, oder unterstreichen, was ich genau löschen soll? Ich weiss nämlich auch nicht genau was "transition Einträge" sind" ;-)
    Vielen herzlichen Dank!!
    Ja, finde auch, sowas gehört erschlagen, bin mit dem Theme eh nicht so zufrieden muss ich sagen....

    .header4 #topmenu{ margin-top:0;}
    .header4 #topmenu ul li{padding: 0 20px 0 20px; padding-top:34px; padding-bottom:31px;border-bottom: 3px solid transparent;margin-left: -4px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
    .header4 #topmenu ul li ul li{ padding:0; margin-left:0; border-bottom:none; line-height:normal!important; height:auto!important;}
    .header4 #topmenu ul li ul{top: 90px;margin-left: -80px; margin-top:0;}
    .header4 #topmenu ul li ul li ul{ margin-top:-90px; margin-left:0;}
    .header4 .current-menu-item{ background:rgba(0, 0, 0, 0.1);}
    .header4 #topmenu ul li:hover{background:rgba(0, 0, 0, 0.03);border-bottom: 3px solid #2dcb73;}
    .header4 #topmenu ul .zn_parent_menu:hover{border-bottom: 3px solid transparent!important;}
    .header4 #topmenu .sub-menu{border-top: 3px solid #2dcb73;}
    .header4 #topmenu ul li:hover ul li{ border-bottom:none;}

  • Hallo

    Es ist ein Positionierungsproblem in zusammenhang mit transition und/oder javascript.

    Lösung:

    Style.css Zeile 80:


    hier die rote Zeie entfernen und die grüne hinzufügen.

    LG

  • Das wäre auch ne Möglichkeit - ich finde das ganze Transitiongehampel aber persönlich sowieso ziemlich affig wenn sichs nicht auf extrem wenige Bereiche beschränkt, das für eine Navigation? Nee, wirklich nicht. Völliger Blödsinn. Das zu entfernen macht das ganze jedenfalls wieder heile.

    .header4 #topmenu ul li{padding: 0 20px 0 20px; padding-top:34px; padding-bottom:31px;border-bottom: 3px solid transparent;margin-left: -4px;[COLOR=#ff0000]-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;[/COLOR]} das steht so in Zeile 75 der Datei wp-content/themes/asteria/style.css - wenn Du das rot markierte entfernst ist das Problem erledigt.

    Man kann die Realität ignorieren - aber nicht die Folgen der ignorierten Realität.

  • HI Pixselig,
    Vielen Dank auch dir!
    Du meinst also in den folgender Zeilen? "90px" sehe ich nicht, du meinst wahrscheinlich den Eintrag "-90"?

    .header4 #topmenu ul li ul{top: 90px;margin-left: -80px; margin-top:0;}
    .header4 #topmenu ul li ul li ul{ [COLOR=#FF0000]margin-top:-90px;[/COLOR] margin-left:0;}
    Also roten EIntrag löschen, und dafür an gleicher stelle "[COLOR=#008000]padding-top: 34px;" [/COLOR]einsetzen?
    Weiter oben steht schonmal etwas von "padding-top 34". Hat das was damit zu tun?

    Dank für nochmalige kurze Info.
    Besten Gruß!![COLOR=#008000]
    [/COLOR]

  • hey Nevery, danke! ich probiere das jetzt mal einfach zu löschen, aber hat man denn dann trotzdem noch das "Popupfenster" mit den Untermenüs, wenn man mit dem Mauszeiger über die Hauptmenüpunkte geht, nur eben ohne die "flackerei"? Oder was meinst du mit "Transitiongehampel"? ;-) Sorry, bin da noch nicht so firm mit den Begriffen...

  • NEIN

    Nicht margin-top löschen sondern in der Zeile darüber nur das "top:90px;"! Stattdessen dort das padding eigeben!

    Nevery
    Das löst das Problem aber nicht wirklich - bist du dann mal langsam mit der Maus vom Mainmenü zum Submenü gefahren?


  • Nevery
    Das löst das Problem aber nicht wirklich - bist du dann mal langsam mit der Maus vom Mainmenü zum Submenü gefahren?


    Ja, bin ich. Grade sogar nochmal im uuuuuuuultraslowmode, ich hab mir locker 30 Sekunden Zeit gelassen - also ich kann dabei kein Problem mehr erkennen. Ich denke ich weiß wass Du meinst, das Problem haben ja viele - wenn man zu langsam ist verschwindet das Submenü wieder - das tritt in diesem Fall aber nicht auf.

    Man kann die Realität ignorieren - aber nicht die Folgen der ignorierten Realität.

  • super! klappt!!! Vielen Dank Pixselig!! das "Flackern" ist weg!!!
    Trotzdem nochmal die Frage an Nevery: Was wäre bei deiner Lösung anders zu jetzt? Würde das "Popupfenster dann gar nicht aufgehen? Wäre auch eine gute Alternative! bin auch noch nicht sicher ob ich das überhaupt so toll finde mit diesem "Fenster".
    Vielen Dank!!!

  • aber hat man denn dann trotzdem noch das "Popupfenster" mit den Untermenüs, wenn man mit dem Mauszeiger über die Hauptmenüpunkte geht, nur eben ohne die "flackerei"? Oder was meinst du mit "Transitiongehampel"? ;-) Sorry, bin da noch nicht so firm mit den Begriffen...


    Na klar, das Submenü bleibt, nur das geflacker verschwindet. Transitiongehampel - nunja, das ist so ne Art Animation per CSS, wenn sowas zu viel verwendet wird pflegt es Besucher eher zu nerven - und das ist aktuell verantwortlich für das "flackern".

    Das Resultat sähe nahezu identisch aus ;)

    Man kann die Realität ignorieren - aber nicht die Folgen der ignorierten Realität.

  • Also bei mir hats so weder im FF noch im Chrome funktioniert.

    Vielleicht lags aber jetzt bei dir auch daran, dass schon etwas geändert war und das Submenü höher sass ;)

    Naja, seis drum - jetzt scheints ja zu funktionieren und genau darum gehts.

    LG

    Einmal editiert, zuletzt von pixselig (15. April 2014 um 18:04)

  • Also bei mir hats so weder im FF noch im Chrome funktioniert.

    Vielleicht lags aber jetzt bei dir auch daran, dass schon etwas geändert war und das Submenü höher sass ;)


    Faszinierend - nein, ich hatte extra nochmal geprüft dass noch nichts geändert war. Aber wie Du schon sagst: Hauptsache, es funktioniert jetzt.

    Man kann die Realität ignorieren - aber nicht die Folgen der ignorierten Realität.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!