Question

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

只要顶层菜单中的类别数量不足以将其保持为单行，它就不会干扰。只要在顶部菜单中添加更多类别，它就会形成一个新块（远离主徽标 - 如当前所示）并开始重叠页面内容。

我怎样才能： - 添加更多菜单项（类别），以便菜单不与页面内容重叠？ - 如何确保添加新类别时菜单不会中断并且不从下一行开始？我宁愿让徽标旁边的菜单项（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');
}

Answer 2

您只需更改脚本中的一个单词即可。＆＃34; attr＆＃34;单词...请用＆＃34; css＆＃34;

进行更改

旧：

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

更新：

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

我希望你现在可以看到差异。

顶部菜单与页面内容重叠

2 个答案: