Convert (Dawn) Mobile Menu Side Drawer, to Top Drawer - Push Content Down (Debut Theme Style)

I have been developing a site using the Dawn theme. I had begun to start rebuilding that site on Debut, but Debut is dated and lacks a lot of the built-in functionality of Dawn. But the one thing I absolutely love about Debut is the mobile menu. I like how the menu drops down from the top and pushes the content down. I can easily match the visual styling of the menu, but what I can’t figure out is how to change the function to have the menu drop down from the header and push the content below the header down, such as what you see in the Debut theme.

For a quick reference, here is Debut: https://themes.shopify.com/themes/debut/styles/default/preview?mobile=true

Here is Dawn: https://themes.shopify.com/themes/dawn/styles/default/preview?mobile=true

Any help would be greatly appreciated! Thanks

[Bump] Anybody have any ideas on this?

Hoping someone could assist me with this. Thanks in advance.

Still seeking help on this if anyone has any idea, thanks.

I have the same problem and I have been searching for a soloution for days :disappointed_face: