メニューがホームページ上に表示されない

Question

私のタイトルによれば、メニューはホームページ上で動作していません。ただし、他のすべてのページでメニューが開きます。たとえば、これは商品ページです：https://guruseeds.in/product/cabbage-hybrid-f1/ここでメニューをクリックしてメニュー項目の上にカーソルを置くと、サブメニューが開きます。しかし、ホームページ（https://guruseeds.in/）でメニュー項目の上にマウスを置くと、サブメニューは開きません。

これはモバイルとパソコンの両方で発生しています。私は2日間すべてを試しましたが、原因を特定できませんでした。これをひどく修正する必要があります。どんな助けも高く評価されます。

おかげで、

注：ウェブサイトのモバイル版を表示するために、モバイルサイズに、ブラウザ画面をreizeしてください。

Answer 1

ちょうどあなたの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; 
} 

をして、このメニューを見るためにあなたの.handheldナビゲーション・ラッパー要素に切り替えクラスを追加する必要があります。あなたのモバイル版です。

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