需要修复 Weebly 网站中的导航栏和社交链接答案

【问题标题】：Need to fix the navigation bar & social links in Weebly site需要修复 Weebly 网站中的导航栏和社交链接
【发布时间】：2014-12-11 12:45:43
【问题描述】：

我一直在玩 Weebly 的不同模板，并试图找到一个可以在顶部添加社交链接的固定导航栏，但我似乎无法使用任何模板。社交联系往往不合适。

我已决定使用当前模板，但需要修复当前标题部分。我曾尝试将position: fixed 添加到 CSS 的一些区域，但结果很糟糕。滚动可以看到背景。

【问题讨论】：

标签： html css templates navigation weebly

【解决方案1】：

将此应用于#header-wrap

position: fixed;
top: 0;
z-index: 1;
background: #FFF; //if you want a background on the fixed header.

你现在在#page-wrap 上有了边框，所以如果你想保留它，给这个div 一个margin-top。如果您想要固定标题上的边框，请将其放在那里。

为您设计导航：

#nav-wrap {
  position: fixed;
  top: 47px; 
  z-index: 2;
}

#nav-wrap .container {
   clear: both;
   overflow: hidden;
   position: relative;
   padding-bottom: 10px;
   margin-bottom: 10px;
   background: url(theme/saperator.png?1418308200) no-repeat bottom left;
   z-index: 2;
  background: #FFF;
}

http://jsfiddle.net/ft44wLym/

【讨论】：

感谢您的快速响应，当我这样做时，它只影响了社交链接部分。徽标和导航栏不在标题包装内.. 显然我认为徽标和导航是正文的一部分...我还能做些什么或如何调解？
您可以将 #nav-wrap 固定到 47px 的顶部（标题高度）。
快到了！谢谢！只需要调整某些布局，如果您知道我可以如何更好地调整布局，也许可以使标题 - 徽标+导航栏区域高度更小
对不起，我不知道你的意思是“调整布局，也许让标题 - 徽标+导航栏区域高度小一点”
你好，设法使用了一些编码，只是左边移动了标题，并可能为标题制作了一个全白色的水平背景......并且还将社交图标稍微移动到对..有人可以帮忙吗？