css - 如何仅在 wordpress 中使用 css 使响应式菜单上的子项始终对移动设备可见

Question

我正在https://apostolosloukas.org网站上工作。菜单在 pc 和 android 手机上运行良好。但是，在带有 iOS 14.6 的 iPhone 11 中，即使我们单击父项，菜单的子项也不可见。

我不确定如何解决这个问题，但现在我正在考虑让移动设备的汉堡包（响应式）菜单中的子菜单项始终可见。

我正在与CSS.

我当前的代码如下，但不工作。请问有什么帮助吗？

@media only screen and (min-width: 768px) {
 .dropdow-menu ul.li  {
    visibility: visible !important;
    }
}

标签： csswordpress

Answer 1

我找到了以下解决方案：

@media only screen and (max-width: 769px) {
.navbar-collapse ul {
    display: block !important;
    visibility: visible !important;
    top: 100% !important;
    position:relative;
    }
}