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

Classic General
1

Hi All,

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


Screen Shot 2016-02-05 at 13.54.25.png709×298 49.4 KB

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

2

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
http://zurb.com/building-blocks/centered-top-bar-with-logo