Css 我如何集中我的菜单

我正在发展这一主题： 将我的导航菜单移到页面右侧。我添加了“容器类”=>“向右拉” 我的wordpress菜单功能。但是当主题的最大宽度低于767时，菜单看起来不太好。我想把它移到页面中央。我将.pull right{float:none；}添加到我的响应css文件中，但它不起作用。我该怎么办？以下是我的菜单的css：

#main-nav {
    margin-top: 65px;
    float:right;
    background: #e1a221; /* Old browsers */
    background: -moz-linear-gradient(top,  #e1a221 0%, #f5c25a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1a221), color-stop(100%,#f5c25a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e1a221 0%,#f5c25a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e1a221 0%,#f5c25a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e1a221 0%,#f5c25a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e1a221 0%,#f5c25a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1a221', endColorstr='#f5c25a',GradientType=0 ); /* IE6-9 */

}
#main-nav li {
    float: left;
    list-style: none;
    position: relative;
    padding: 0.7em 1em;
    transition: background 0.8s ease;
}
#main-nav li:hover {
    background: #e2a529;
}
#main-nav li a {
    color: #522504;
    font: italic 1em "Marko One";
    box-sizing: border-box;;
    text-align: center;
    text-decoration: none;
}
#main-nav li a:hover {
    color: #6a3107;
}

.current-menu-item, .current-page-item {
    background: #d79a1e;     
}


@media (min-width: 768px) and (max-width: 991px) {
#main-nav {
    margin-top: 65px;
}
#main-nav li a {
    font-size: 0.9em;
}
#main-nav li {
    padding: 0.4em 0.7em;
}
}

@media (max-width: 767px) {
.pull-right {
    margin: 1em auto;
    float:none;
}

}

---

首先，尝试使用Firefox的Firebug等浏览器工具。然后你应该检查哪些规则更重要。在您的案例规则中： .向右拉{ 浮子：对！很重要； } 从bootstrap.css开始！重要属性，因此您的“float:none”规则将被覆盖

另一方面，如果您想将水平菜单居中，有一个非常简单的方法-使用： ul{文本对齐：居中；}

---

li{display:inline block；}

在媒体查询中，您需要执行以下操作：

@media (max-width: 767px) {
#main-nav {
    margin: 1em auto;
    float:none !important;
}

#main-nav li {
    float:none;
    text-align:center;}

}

---

在navigation.css第63行附近的某个地方，媒体查询看起来就是这样。

请在问题本身中发布相关代码。如果您不想帮助，请不要帮助。为什么要给负面的名声？我看不出我的问题有任何问题。请参阅帮助澄清此问题的页面。我理解您的问题并帮助您提高声誉+1。。。看看我的回答是否有帮助。@aohorsalan这个网站不只是为了回答别人的问题。这也是为了帮助人们解决他们自己的问题。所有相关代码应张贴在stackoverflow上。当你的链接不再工作时，未来的人会看到什么？非常感谢你的帮助，它现在正在工作。：）