Question

已经有一段时间了，因为我需要依赖这个令人敬畏的专家社区，我希望有人可以帮助我摆脱理智。

我有一个网站，一切都很好用，除了响应式菜单只在ipad上以纵向视图（768px）做有趣的事情。通常情况下，我可以弄清楚并修改各种事物的媒体查询，但我不能为我的生活找到这一点。

问题：在768像素宽的情况下，移动菜单位于容器的底部，不会展开以显示所有内容。我已经看到其他菜单在向相反方向向上移动，但无法弄清楚如何做到这一点并且不知道这是否可能。

我对任何其他尺寸的移动导航都没有任何问题。话虽这么说，我很高兴在768移除移动导航，因为主菜单实际上是合适的，但由于一些奇怪的原因，我无法让它做我想做的事情（我猜的第一次）。

我希望我错过了一些非常愚蠢的东西，这是一个简单的解决方法。不幸的是，这是一个wordpress主题，作者不再支持（图）。

P.S。这只是主页上的一个问题，因为导航位置位于所有其他页面的顶部。

任何帮助都将不胜感激。

提前谢谢你。祝你有个美好的夜晚。

Answer 1

您可以尝试添加bottom:100%;这样的内容：

#menu:hover ul li:hover ul {
    position: absolute;
    margin-top: 1px;
    font: 10px;
    bottom: 100%; /* added this attribute */
}