Navigation – Best way to do this?
Good afternoon everyone!
I have a question, and I’m not sure if there’s any way to make this happen.
Have a look at the following image: http://imgur.com/L5460.jpg
I want my website to be fully powered by wordpress, but I’m strugling to find a good way to “split” my nav bar into two blocks, one on the left of my logo, and one on the right.
What would you reckon to be an elegant solution to this? Good old “a href” tags hard-coded to the website header file? Or is it possible to auto-generate from the wordpress backend?
Thank you for your time. 🙂
By the way, if you want to have a look at the current static code, it’s located at
There are a number of ways to accomplish this. If you are using floating elements, you can set the width and create two. If you are using relative or absolutely positioned elements, you can set the z-index, and create 2. I’ve done this before with the absolutely positioned method. And created two widgetized areas in the header. Then create two menu areas – one left and one right. The client can then set up the menus in the custom menu feature of WP 3.0+. It doesn’t degrade very nicely though. If they set up links that are too wide, it wont show or will fall down the page. Hard coding is the only way to prevent a client from wrecking the design. 🙂
This is actually my portfolio 🙂 So the “client” won’t mess up things, or, if he does, I’ll make sure he’ll be smaked in the forhead appropriately and set him off to fix it! 😀
I didn’t want it hard coded on the header, but I guess it’s the only way!
Thank you for your time though 🙂
Haha. If you’re controlling it, then simply add 2 nav bars to the header area. Use this: http://codex.wordpress.org/Function_Reference/wp_nav_menu and then you can change the links easily from the admin side of things.
- The topic ‘Navigation – Best way to do this?’ is closed to new replies.