Check out example codes for "gap above nav bar html". It will help you in understanding the concepts better.

Code Example 1

<!-- make a empty div and style it (css) with background color : <your nav bar color>,
top : 0, left : 0. place it just below the nav bar. -->
<div class="whitespace"></div>
  	<ul>
     <li><a>*O*</a></li>
     <li><a>OwO</a></li>
     <li><a>^U^</a></li>
     <li><a>^w^</a></li>
     <li><a>TwT</a></li>
</ul>
<!-- style (css) -->
.whitespace {
	width: 1300px;
  	height: 100px;
  	top: 0px;
  	left: 0px;
  	background: #FFFFFF;
  	position: fixed;
}

Learn ReactJs, React Native from akashmittal.com