html - 顶部菜单与页面内容重叠

Question

在页面上 - http://www.sugarkandy.com/category/electronics/或就此而言，任何类别页面 - 顶部菜单与页面内容重叠。

只要顶部菜单中的类别数量少到足以使其保持在一行中，它就不会干扰。一旦我在顶部菜单中添加更多类别，它就会形成一个新 block (远离主 Logo - 如当前所示)并开始与页面内容重叠。

我怎样才能: - 添加更多菜单项(类别)以便菜单不会与页面内容重叠？ - 如何确保在添加新类别时，菜单不会中断并且不会从下一行开始？我宁愿让菜单项显示在 Logo (sugarkandy) 本身的旁边(当菜单项较少时会发生这种情况)？

谢谢。 我不是很精通 html 和 css，因此陷入愚蠢的问题。我探索并发现 z-index 可能是一个问题，但找不到改进它的方法。因此我在这里。 帮助将不胜感激。

-Saurabh

Answer 1

你的 CSS 第 27 行

media="all"
body {
-webkit-font-smoothing: antialiased;
color: #444444;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.5em;
text-rendering: optimizeLegibility;
padding-top: 135px;  <----- THIS LINE CHANGE VALUE
height: 100%;
background: url(images/redox_01.png) repeat;
font-weight: 400;
}

似乎您的主题不适用于超过 1 行菜单。

您可以使用 jquery 使填充灵活

$(function() {
  $('body').attr('padding-top',$('.navbar-inner').height()+'px');
}