手机上的切换菜单不显示

Question

我在移动设备上的切换菜单未显示。我的网站是 https://eshop.kerous.cz，但是当我单击右上角的按钮时，它没有显示菜单。你能以某种方式帮助我修复它吗？它正在工作，但后来停止了。

我在托管网站上的 css 文件在这里，如果您需要任何其他信息，请告诉我。

.subcategories li a {
    border-color: #000;
    color: #000;
}
.navigation-in  ul.menu-level-2 a:hover {
  color: black !important;
}
.navigation-in > ul > li > a {
    color: #000 !important;
}
.box-bg-variant .categories a {
    color: #000 !important;
}
.navigation-in {
    font-size: 16px !important;
    line-height: 16px !important;
}
#navigation {
    height: 34px !important;
}

Answer 1

您的菜单不包含响应式高度。这就是菜单未显示的原因。下面的代码将帮助您在移动设备上显示菜单

@media(max-width: 767px) {
    .navigation-in {
        height: auto;
    }

    #navigation {
        height: auto !important;
    }
}

Answer 2

您需要为移动菜单添加媒体查询。您需要在 CSS 文件中写入以下 CSS。

@media (max-width : 767.98px){
#navigation {
    height: auto !important;
}
}

手机上的切换菜单不显示

Toggle menu on mobile not showing

html

javascript

css

mobile