Question

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

移动电脑和电脑都在发生这种情况。我现在试了两天，无法找出原因。需要解决这个问题。任何帮助都将受到高度赞赏。

谢谢，

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

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>

菜单不在主页上工作

1 个答案: