菜单在主页上不起作用

Question

正如我的标题所说，菜单在主页上不起作用。但是，菜单会在所有其他页面上打开。例如，这是一个产品页面：https://guruseeds.in/product/cabbage-hybrid-f1/ 在此处，如果您单击菜单并将鼠标悬停在任何菜单项上，则会打开子菜单。但在主页 (https://guruseeds.in/) 中，如果您将鼠标悬停在任何菜单项上，子菜单不会打开。

这在移动设备和 PC 上都会发生。我现在已经尝试了 2 天，无法确定原因。需要严重解决这个问题。任何帮助将不胜感激。

谢谢，

注意：请将您的浏览器屏幕调整为移动尺寸，以查看网站的移动版本。

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-navigation-wrapper 元素才能看到菜单：

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