Header

wo kommt das padding-top von main her – hast du das gesetzt ? da steht inline css
das ist der Wert 152 nimm doch mal 149px

und eventuell definierst du den Header Schatten ein wenig anders :

.av_minimal_header_shadow {
    box-shadow: 0 5px 12px -8px rgba(0, 0, 0, 0.8);
}

ja weil der schatten “falsch” angelegt ist
bei Schattenwurf in eine Richtung wird der 4 Wert meist mit negativen Vorzeichen verwendet:
deshalb siehe meinen Vorschlag oben der wirft nur in Y-Richtung nach unten einen Schatten – eventuell ist !important wichtig:
Lass also die Einstellung ruhig drin und nimm stattdessen das ins Quick css

.av_minimal_header_shadow {
    box-shadow: 0 5px 12px -8px rgba(0, 0, 0, 0.8) !important;
}

Das mit dem Padding-top für main hattest du gelesen. Das muss inline gesetzt worden sein –
egal setz mal bitte:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 148px !important;
}

sicher aber du kannst ja das in ein media-querie setzen: ( musst selbst wissen wo dein hamburger menu startet)

@media only screen and (min-width: 990px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 148px !important;
}
}