CSS to move site logo to the center of navbar

[jmigliaccio175]

I would like to move my site logo from the header to the center of the navbar. Looking to do something similar to the navbar on lafd.org. My site is njfmba68.com.

I checked all previous threads, but none of them solved my problem.

Any help is appreciated.

[Anu]

You need to use positioning properties of css on logo, with z-index value.

Try this on image

position: relative;
margin: 0 auto;
top: 120px;
z-index: 10000;

[jmigliaccio175]

Ok, that worked for moving the logo. I still need to split my menu to put half on the left and half on the right.

[webinuse]

You can achieve it via jQuery simply, with insertAfter or insertBefore .yourclass:nth-child(your-number).

[Author]

Posts