HTML5 input required, scroll to input with fixed navbar on submit

Question

When trying to submit a form with missing required fields, my browser (Chrome), displays a message mentionning there is a field missing, and if it\'s out of my screen, it sc

Answer 1

Two solutions:

• One: apply padding to the body -->

  body {
   padding-top:50px;
  }
  

• Two : apply margin to the main container -->

   #content {
     margin-top:50px;
   }