To put a gap above the header/menus Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:
#branding {
margin-top: 80px;
}
@media only screen and (max-width: 767px) {
#branding {
margin-top: 30px;
}
}