Menü funktioniert nicht auf der Homepage

Question

Wie mein Titel sagt, funktioniert das Menü nicht auf der Startseite. Das Menü wird jedoch auf allen anderen Seiten geöffnet. Zum Beispiel ist dies eine Produktseite: https://guruseeds.in/product/cabbage-hybrid-f1/ Hier, wenn Sie auf das Menü klicken und den Mauszeiger über einen beliebigen Menüpunkt bewegen, öffnet sich das Untermenü. Aber in der Homepage (https://guruseeds.in/), wenn Sie den Mauszeiger über einen beliebigen Menüpunkt bewegen, öffnet sich das Untermenü nicht.

Dies geschieht sowohl auf mobilen als auch auf PC. Ich habe alles seit 2 Tagen probiert, konnte die Ursache nicht identifizieren. Müssen Sie das schlecht beheben. Jede Hilfe würde sehr geschätzt werden.

Danke,

Hinweis: Bitte Ihren Browser-Bildschirm zu einem mobilen Größe reizt die mobile Version der Website anzuzeigen.

Answer 1

nur fügen Sie diese zu Ihrer CSS:

.departments-menu .menu-item-has-children:hover .dropdown-menu, .vertical-menu .menu-item-has-children:hover .dropdown-menu { 
    opacity: 1; 
    display: block; 
    visibility: visible; 
    left: 100%; 
    width: 212px; 
    min-width: 0; 
} 

und dies ist für die mobile Version .Sie hat getoggelt Klasse Ihr .handheld-Navigation-Wrapper-Element, um das Menü zu sehen:

<script>  
    $('.navbar-toggler').on('click', function(e) { 
     $('.handheld-navigation-wrapper').toggleClass("toggled"); 
    }); 
</script>