Above header mobile menu pushing header down = awkward overlay

Hello!

In mobile mode, my top-most menu (utility bar/above header menu) pushes my primary header (logo + toggle bar) down rather than covering it. As a result, the site logo overlays parts of the page that don’t look right with a transparent background logo on top of them. It’s only a problem when selecting one of the secondary menu items which drop a mega menu panel down.

To test, click on the utility bar, then “Find Us” or “Follow Us” and scroll down below the panel.

I don’t mind the main nav toggle bar as much as the logo.

Is there a solution to this?

Thanks in advance,

Matt

The page I need help with: [log in to see the link]