Best way to set up this nav? (screenshot of design attached)

  • I’m designing a new theme from scratch for a client and my designer did the navigation in a different way than what is typical for a wordpress theme so I’m not sure where to go with this. See the screenshot of the design.

    At first I thought I’d do a regular dropdown nav but instead of having them vertical, just set it to “inline” so they display horizontal and have the child-child-pages display like a normal list below them like in the design. But I thought that might require so funky CSS to get the child-pages to list out all the way to the left of the page..

    So I looked into listing out the parent pages like normal and then listing out the child pages in a separate div, and just have that div display on rollover. I got that idea from this post.

    I have no experience with the 2nd option and everything I’m finding on the topic is from 2007/08 era and so much has changed since then so I don’t know if there is a better way or not. Any advice is welcome. I’m getting ready to start building the nav in my static layout so I needed to jump on this for when I start porting it to a theme.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Heya CAWD,

    Couldn’t you just tap into the awesome WordPress Menu system making sure to place your child pages are added to the navigation menu (and shifted over slightly so they get the dropdown treatment inherent in the WordPress core) and then create your CSS styling to match your design? Again, being sure to use the Horizontal Menu styling?

    That’s how I’d go about it if I wanted to stay current to the latest, greatest with WordPress.

    Hope that gets you closer to your desired outcome.

    Cheers!

    WordPress menus are amazing. If your client will spring for it (and it’s only $12), I’d check out buying an ubermenu license. It saves a lot of time and the css in it is really well written.

    Thread Starter CAWD

    (@cawd)

    Thank you both for your suggestions. I will research them tomorrow and see what I can see. $12 is not a problem ??

    Thanks again!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Best way to set up this nav? (screenshot of design attached)’ is closed to new replies.