Logo in the middle of menu items with advanced styling

Hi GP team,

I'm having some trouble styling my split menu logo. I've managed to get the logo in the middle using Tom's advice here: https://generatepress.com/forums/topic/split-menu-on-either-side-of-logo/

Now, I'm struggling with the styling.

Do you guys have any idea how I could achieve something like this: http://preview.themeforest.net/item/renovation-construction-company-theme/full_screen_preview/9014411?ref=cirvitis

I'm trying to get the logo to overlay hero section whilst keep the other menu items the same.

Thanks in advance!

Tom