Как растянуть header на 100%?

Question

[eellazy]

Как сделать на 100% верхний контейнер, что бы было как на фото. Нужно растянуть только его. При попытке поменять класс и дать ему 100% все стоит как надо, но фон становится белым и нету возможности менять фон.

Вот сайт - elvithemes.esy.es (не реклама)

Comments

[Vladislav Dragalev]

И я бы немного изменил верстку того блока, где у вас ul с "Login" и кнопку меню при разрешении <900px

[eellazy]

Vladislav Dragalev: ну я только начал это делать, но спасибо=)

Answer 1

[Vladislav Dragalev]

Просто добавь стиль после бутстраповских:

#main_header > .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

Чтобы иконка меню смотрелась как надо:

h2.pull-right.toggle {
    padding: 0px 15px;
    margin: 13px 0 12px;
}

Для фикса кнопки Publish your ad for free :

.head_btn .publish {
    float: right;
    padding-top: 0;
}

Для фиксации меню:

body.has-searchbox.home {
    padding-top: 45px;
}
#main_header {
    position: fixed;
    top: 0;
}

Кажется ничего не забыл)

Comments

[eellazy]

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

[0leg5ergeev]

eellazy: значит не к тому элементу приписываешь. я попробовал
position: fixed;
background-color: black;
width: 100%;
z-index:999

[Vladislav Dragalev]

0leg5ergeev: кажется вы советуете что-то не то)