2 replies [Last post]
igloobob
igloobob's picture
Offline
newbie
Last seen: 9 years 8 weeks ago
Timezone: GMT+1
Joined: 2012-10-04
Posts: 2
Points: 3

Hello,

I want to set up my navigation in a worpdress site with the logo in the middle and links split on either side.

Like this

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?

Thanks!

anevins
anevins's picture
Offline
newbie
Last seen: 9 years 9 weeks ago
Timezone: GMT+1
Joined: 2010-11-11
Posts: 10
Points: 13

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.

igloobob
igloobob's picture
Offline
newbie
Last seen: 9 years 8 weeks ago
Timezone: GMT+1
Joined: 2012-10-04
Posts: 2
Points: 3

D'oh of course! That makes

D'oh of course! That makes sense thanks.