Нужно исправить навигационную панель и социальные ссылки на сайте Weebly

Question

Я играл с разными шаблонами в Weebly и пытался найти одну фиксированную навигационную панель, в которую я могу добавить социальные ссылки сверху, но я не могу показаться работать с любым. Социальные связи, как правило, неуместны.

Я решил использовать текущий шаблон, но вам нужно исправить текущую часть заголовка. Я попытался добавить position: fixed в несколько областей CSS, но это оказалось ужасным. Фон можно увидеть вместе с прокруткой.

Answer 1

применить это к # заголовка плёнку

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

Теперь у вас есть границы на # странице плёнку, так что если вы хотите сохранить, что даст это Див маржин-топ. Если вы хотите, чтобы граница на фиксированном заголовке помещалась туда.

Styling для вас Nav:

#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/