CSS: Navigation Bar Very Large on Mobile

Heya,

Having an issue that I'm unable to fix with the given design tools. My nav bar at the top of the page is comically large in mobile, especially in horizontal mode (no issue on desktop).

Squarespace have escalated but in the mean time are unable to help

Is there anyway I can restrict the header size in mobile with CSS?

the website is https://www.urbanfoxescollective.com/

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-announcement-bar-wrapper {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
}