CODEWITHSUNDEEP
csswordpressmenunav
Michael
Michael

Reputation: 4390

Stuck using Wordpress Menu (maybe custom CSS Walker is needed)

I have been playing around for a while now with the Wordpress 3.6 menus. I have attached two screen shots of what I have so far.

This is what I want the menu to look like but currently it isn't a menu but the default display of pages with their nested child pages.

Desired outcome

You can see what it should look like in more detail in the image below.

Pages with nested children

I would like to change the current 'menu' system (pages, page-links-to etc) and make it a standard menu using wordpress' built in menu maker. However, when I do so, it breaks the CSS. I believe I need to create a custom walker to iterate through the menu items and generate HTML with the same structure as the original nested pages.

Currently, it looks like this.

Wordpress Menu mess

If anyone could offer any help and support regarding replicating the 'original' pages menu for this custom navigation menu it would be appreciated.

The URL is http://michaelnorris.co.uk/

Upvotes: 0

Views: 537

Answers (2)

Sunyatasattva
Sunyatasattva

Reputation: 5830

It looks like you put them all on the same hierarchical level, you have to drag the children slightly to the right of the parent element to make them work as children.

Upvotes: 1

Tom Holland
Tom Holland

Reputation: 101

If it works on the default menu, but not on custom menus then the walker is probably not the issue(but it could be.)

Let's start at the beginning. Did you arrange the items in your custom menu into the hierarchical structure you want to achieve?

Upvotes: 1

Related Questions