Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #1357294

    Hi there,

    i’ve created a website: https://wordpress.kita1833.de/

    And now I have a problem with the main menu.
    If I chose a topic like “St Josef Kita”, the site navigates to the correct page. BUT the line, indicating where I’m on the site appears under “St Peter Kita”. Same if you chose “St Josef Hort”. The line shows under “St. Josef Kita”.

    I’ve created the menu 3 times from scratch to make sure, I didn’t do anything wrong creating it, but can’t get rid of the bug. Do you have any suggestions on how to solve this?

    Thank you!

    #1357341

    Hey luiseheine,

    Thank you for the inquiry.

    We are not yet sure what is causing the active menu indicator to jump but we noticed that the site still contains an older version (4.9.2.2) of the theme. Upgrading the theme to the latest version (5.0.1) might help fix the issue. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after the update.

    Best regards,
    Ismael

    #1357353

    Hi Ismael,
    the theme is updated manually (the Update-Section in the theme stated before, there are no updates) and the file compression disabled. But the problems still persists. Any more ideas?

    Best regards,

    Luise

    • This reply was modified 1 year, 9 months ago by luiseheine.
    #1357356

    Edit : falscher Ansatz – ich schaue es mir nochmal tiefer an.
    Diese Drei sind als Unterseiten der Frontpage definiert – richtig?

    #1357358

    Hallo!
    Nein, so leicht ist die Lösung leider nicht – nur die “Wie arbeiten wir”-Seiten sind als Unterseiten gesetzt.

    #1357359

    Diese top level menu items, hast du die als manuellen Link eingefügt oder Standard als Drag&Drop über Seiten?
    Wenn du die als Custom-Link eingesetzt hast, was hast du bei URL eingegeben?
    Ich frage, weil bei St. Josef Hort verlinkst du auf #top.
    nimm das #top mal raus.

    #1357361

    Die drei Top-Level-Menüpunkte sind ganz normal über die Menüfunktion ->Seiten hinzufügen angelegt. Genauso wie die “Wie wir arbeiten”-Seiten. Der Rest der Untertopics sind manuelle Links, weil es Sprungmarken auf den Seiten sind.
    Aus der Menü-Übersicht ist auch nicht ersichtlich, warum da #top mit eingebaut wird.

    http://wordpress.kita1833.de/wp-content/uploads/2022/07/menu.png

    #1357362

    Ich meine Hier an Board was mit dem #top gelesen zu haben – ich suche mal / oder Du – da scheint ein kleiner Bug mit dabei zu sein.
    Edit : das kann es nicht sein : link
    es betraf etwas anderes – und es scheint ganz normal das Nach Klick das aktive Menu das /#top angehängt bekommt.

    #1357364

    scheint wohl leider nicht selten, obwohl ich noch nie betroffen war – schau mal hier wird sowas auch angesprochen: https://kriesi.at/support/topic/wrong-menu-item-is-highlighted/

    _______________
    btw:
    das ist jetzt nicht zu dem Problem, aber ich schaue gerade dein DOM an und die CSS
    ein Kommentar innerhalb einer CSS wird durch /* Kommentar */ – wie bei “montserrat-regular – latin” gesetzt.
    Du hast da teilweise bei den Schriften : das # indiziert das eine ID css gesetzt bekommt. Keine Ahnung ob es einfluss auf die Folgenden css haben kann. Denn du hast ja recht wenig dort

     #keine Kategorien anzeigen
    
     #schriftart montserrat
    /* montserrat-regular - latin */
    …
    
     #schrift_oleo
    /* oleo-script-regular - latin */
    …
    
    #1357366

    Ah ja danke! und Oha! Ich verwende das Theme auf mehreren Seiten. Spannenderweise hatte ich das Problem bisher nie!

    #1357371

    es wird demnach ja die Klasse von Enfold : current-menu-item falsch gesetzt.

    _________
    guess it is better we do discuss that in english.
    the class : current-menu-item is set incorrectly from enfold.

    #1357375

    you have on hamburger menu choosen the “Clone Title Menu Items To Submenu” and to have a “Clone ” for it
    i do not know if this could be the reason for it – but you can quickly test it by temporarily disabling this option. To be on the safe side, also clear all caches before you check it.

    _________

    Du hast im Hamburger-Menü die Option “Clone Title Menu Items To Submenu” gewählt, um dort einen “Clone” dafür zu haben
    Ich weiß nicht, ob dies der Grund für das Problem sein könnte – aber Du kannst es schnell testen, indem Du diese Option vorübergehend deaktivierst. Um auf Nummer sicher zu gehen, solltest du auch alle Caches löschen, bevor du es überprüfst.

    #1357379

    ich glaube da kommen wir so ohne die Hilfe eines Mod nicht weiter, denn ich denke, dass es Sinn machen würde wenn Sich das ein Mod mit Zugangsdaten ansehen könnte. Die Option mit dem Hamburger Clone Menu Punkt habe ich auch noch nie ausgetestet.
    Hinterlege mal hier im Private Content Area deine Daten, damit die sich das mal anschauen können – bitte berichtet dann was es war.
    Danke

    ____

    I think we can not get on without the help of a mod, because I think it would make sense if a mod with access data could look at it. The option with the hamburger clone menu item I have also never tested.
    Deposit here in the Private Content Area your data, so that they can look at it – please report then what it was.
    Thanks

    #1357380

    Yes, thanks a lot! The private details are included in the first post!

    #1357640

    Hi Ismael,

    do you have any more suggestions for me? We moved the site, it can be found here now:

    Thank you in advance!

    Cheers
    Luise

    #1357648

    Das muss mit dem Scroll ( AviaScrollSpy function ) verhalten zusammenhängen. Es gibt ja diese funktion des current-menu-items on scroll.
    Denn wenn du runterscrollst auf der Seite St. Josef Kita – und du kommst zu der Anmeldung – springt der current-menu-item auf St. Josef Hort
    Da könnte sein, dass du einen Anker dort gesetzt hast der dem Menu Punkt entspricht. Ich sehe ihn aber nicht im DOM …
    ___________
    This must be related to the scroll behavior (AviaScrollSpy function). There is this function of the current-menu-item on scroll.
    Because if you scroll down on the page St. Josef Kita – and you come to the registration – the current-menu-item jumps to St. Josef Hort.
    It could be that you have set an anchor there that corresponds to the menu item. But I don’t see it in the DOM …

    #1357783

    Hi,
    Thank you for the link to your site, I believe that the issue is related to three pages that you have with the same slug /so-arbeiten-wir/
    2022-07-09_064837.jpg
    please try changing these so they are not the same, perhaps like: /so-arbeiten-wir-im-st-josef/

    Best regards,
    Mike

    #1357906

    Hi Mike,
    thanks for the suggestion. I changed the slugs, but it didn’t have any effect on the problem.
    Any more ideas?

    Cheers

    Luise

    #1357907

    Guten Morgen!
    Nein, ich habe da keine weiteren Anker gesetzt…

    Morning,
    no, no further anchors are included in the site..

    #1358018

    Hi,
    Sorry, I don’t understand your last post, please explain further.

    Best regards,
    Mike

    #1358027

    Hi Mike,
    I followed your suggestion, but it had no effect on the problem with the menu indicator.

    Cheers
    Luise

    #1358135

    Well there are a lot of anchors on your page. those invisible headings – and these anchors are found sometimes three times in your submenu.
    F.e. the #oeffnungszeiten (h6 id=oeffungszeiten ) – when you scroll to that h6 – so it is on top – the indicator shows the concerning link – but why it does jump to the next – or previous submenu i realy do not know.

    #1358282

    Yes, there are a lot of anchors, but it shouldn’t interfere with the indicator …

    #1358498

    Hi,
    Thank you for your patience, I was not able to figure out what the conflict was and I was not able to recreate it on my test site, so in the interest in solving this for you I disabled the Main Menu Indicator in the Enfold Theme Options ▸ Advanced Styling ▸ Main Menu Indicator:
    2022-07-15_002.jpg
    and wrote this css for your site and added it to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #avia-menu .menu-item-top-level.current_page_parent .avia-menu-fx,
    #avia-menu .menu-item-top-level.current_page_item .avia-menu-fx {
    background-color: #a83331;
    color: #ffffff;
    border-color: #861110;
    opacity: 1;
    visibility: visible;
    }

    Now all of your main menu items have the correct Menu Indicator when on the page or it’s sub-menu item anchor.
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1358637

    Hi Mike!
    Thank you so much for your help!
    Cheers
    Luise

    #1358653

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘Main Menu_ Line indicates the wrong side’ is closed to new replies.