I would like to change my header background to have a color and be as wide as the whole page. I mean that there would be no white on the sides of the header.
I would like to do this without changing the place of the logo and the menus.
Hi, you need to change the header markup a little bit. Currently <header> is inside the <div class="container">. You need to create a new div for your header at the upper level, and a new container div inside it and finally move the header markup in this container div. Finally your markup should look like this;
<div class="header-container">
<div class="container">
<header class="header row clearfix">
...
</header>
</div>
</div>
<div class="container">
// header is not here moved to top.
<section class="middle row">
Then you can style header container like this;
.header-container { background: #fff; }
Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Responsy’ is closed to new topics and replies.