Background and width of the header

  • Posted in : Responsy
  • meipsmon
    Participant

    Hi!

    Thank you for a very fine template!

    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.

    How i can do this?

    Best regards,
    Markus

    ahmetsali
    Keymaster

    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.