Foundation > Split the menu in 2 with an image in the middle

Hi All,

I’m trying to get the menu split in 2 with an image in the middle similar to this example

as you can see i’ve done a simple image background of a container with the top bar stack inside it. I just need to split the menu in half?

Any thoughts.

P.s HTML and CSS I’m not great at but go gently and i’lll see if i can pick it up

There is no simple way to do this right now, but when Foundation 6 for RapidWeaver comes out (sometime this year), you can bet it will be an option