skip to Main Content

How to delete the area under the navbar? I used the “margin-bottom: 0” and it’s not working correctly.
enter image description here

3

Answers


  1. just add .container class to your .wide div

    <div class="wide container">
      <h1>test</h1>
    </div>
    

    https://jsfiddle.net/grassog/1b0m6ztx/

    Login or Signup to reply.
  2. use clearfix class with wide or just add overflow: hidden; in .wide to set h1 margin

    <div class="wide clearfix">
       <h1>test</h1>
    </div>
    

    or

    .wide {
      overflow: hidden;
    }
    
    Login or Signup to reply.
  3. Wrap all the content inside wide div with <div class="container"></div> to keep full width background image as it is in your screenshot.

    <div class="wide">
      <div class="container">
         <h1>test</h1>
      </div>
    </div>
    

    JSFiddle example

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search