移动设备上的网站

Question

我无法弄清楚为什么我的网站会一直向右显示我的菜单图标，以及在移动设备上查看时所有这些额外的空白滚动空间。有没有人知道如何删除所有额外的空间并移动我的菜单栏以使其居中？

http://mobiletest.me/iphone_5_emulator/#u=http://beeandcompany.com

Answer 1

Rohil对于已添加到导航标记上方的div是正确的，因此您需要将其删除，同样您还有另一个问题，即单击菜单时菜单实际上没有做任何事情。您需要为移动导航的切换状态添加css规则，如下所示：

.main-navigation.toggled ul { display: block!important; }

Answer 2

为了使中心，首先，您需要做的是从<{1}} 删除 display:block那么你的.main-navigation将会是这样的：

.main-navigation

您需要做的第二件事，.main-navigation{ text-align:center !important; line-height:1.5; } 已float:left，因此请删除并添加 .main-navigation li。所以你的display:inline-block看起来像这样：

.main-navigation li

所以菜单将如下所示：