I want to set up my navigation in a worpdress site with the logo in the middle and links split on either side.
Home | About | Products | LOGO IMAGE | Locations | Help | Contact
I know how to do this with just css but I'm not sure how to do this with the wordpress menu.
Can anyone help point me in the right direction please?
Apply a margin right to the
Apply a margin right to the list item that has, "Products" and a margin left to the list item that has, "Locations".
This leaves you with a gap between Products and Locations.
Add an image to the HTML below the menu, E.g
<ul class="yourMenu"> ... </ul> <img class="logo" src="..." alt="..." />
Then apply position: relative; to the parent of the HTML containing both the menu and image.
And then apply position: absolute; to the logo and fiddle about with top: 0; right: 0; and other positioning.
D'oh of course! That makes
D'oh of course! That makes sense thanks.