gap above nav bar html
<!-- 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;
}