移动设备上屏幕宽度之外的引导菜单按钮

Question

正在处理http://thecraftedgarden.net。它有一个引导固定导航栏设置。 由于某种原因，移动按钮不在屏幕上，移动设备上的导航栏太宽。为了复制问题，您必须使用手机 android 或 iPhone，或者您可以在 chrome 中使用设备模式。如果您只是缩小窗口大小，它不会出现在 chrome 中。如果您使用开发人员工具查看，就好像移动菜单的代码在所有 div 和 body 之外。

我几乎可以肯定这个问题是由 bootstrap.css 样式表引起的。

以下是我已采取的一些故障排除步骤。

1. 我用 getbootstrap.com 的固定导航栏示例 http://getbootstrap.com/examples/navbar-fixed-top/ 中的代码替换了整个代码块，但问题仍然存在。

2. 我有第二个样式表additions.css，我删除了所有应用于导航栏和徽标的样式，但问题仍然存在。

如果有人可以帮助我找出我在样式表中搞砸的地方或帮助我决定替换哪些行，那将非常有帮助。

Answer 1

在标签<a href="http://thecraftedgarden.tlchatt.com" class="pull-left"><img src="http://thecraftedgarden.tlchatt.com/img/The-Crafted-Garden-Logo.png" class="logo img-responsive"></a>

尝试删除

.pull-left {
    float: left !important;
}

并设置：

.logo {
  margin:0;
}