Centre Logo Header Navigation

I would like to know if there is a way (custom code) to have my logo centre aligned in my main navigation? 

See screenshot of my mockup as to what I would like it to look like. 

Another note, I would like to have an image slideshow in my hero banner (shown in screenshot). Is there anyone who can help me with some custom code to achieve this? 

Thanks 

There are a number of plugins that allow for a split navigation, this is one:

https://www.will-myers.com/products/p/split-navigation

They do tend to be tricky to get looking correct, but can work.

Thank you for providing me with that link. Just curious, is there no way to achieve this without purchasing a plugin? Via css perhaps?

Thanks, 

@Ziggy Thank you, that first one you found ~ Schwartz Edmisten's tutorial and code worked perfectly! 

Do you also know/ have any code for editing the hover underline in my main menu? I would like to change the colour of the underline on hover and active links as well as increase the margin/ padding. I also want to add some code to have a slight animation whereas it comes to sight from the left hand side to the right hand side? 

@SummerKateDesigns If you share link to your site, we can give some code to achieve this