I'm implementing a design where the site's logo is in the middle of the navigation items. I've created a mockup which works.

However, I'm now trying to hook it up with my navigation globals I've created, which is working. Just I don't know how to get the HTML logo code in the middle of the navigation items using Statamic.

There likely is a way to this with Flexbox but I'm not sure how to do that.

Answered by Duncan McClean! Go to answer.