Reply To: Optimal header widget causing problem on mobile devices

You can add a top margin to the .site-header .widget-area in the responsive section of the css. Search for this near the bottom of your css and add the margins –

.site-header .widget-area {
    text-align: center;
    margin: 50px 0 0;
}