是什么让我的菜单水平？

Question

是什么让我的菜单水平？在移动设备上我想要一个垂直菜单，我无法找到它是什么。 Here´s my web.当窗口宽度小于800px时，会显示3行菜单。点击它后有水平菜单但不垂直。

网站不是英文版，因为我是捷克人，对于我所犯的潜在错误感到抱歉。

Answer 1

从您的代码中可以看出

。

您的每个<li> float:right

都有 在800px的媒体查询中

只需将代码添加到li{ float:none;}

即可

这应该修复它，但如果没有，还要添加到li display: inline;

Answer 2

在styles.css中，在第177行附近有这段代码

nav ul li {
    display: inline;
    float: right;
}

这两个都导致菜单水平。如果我删除这些规则，这就是它的样子