Customizing your WordPress navigation bar is incredibly easy to do with Headway. This video covers step-by-step how to do the following customizations:
- Change the order of navigation links
- Position the menu on the left or right
- How to create sub-page links
- Position the menu above or below the header
- Customize the color, font, size, kern and line-height of navigation links
- Edit the link targets of each navigation link
Hey John, Love your videos – they have been a huge help as I get deeper into Headway! What version are you using in this video as I don’t have the ability to set the sub-page width like you and I’m on 1.56.
Regards,
Brad
Thanks, Brad!
[...] allow for a parent/child structure, although you can do that with the Headway WordPress Theme (see How To Create A Bootylicious WordPress Nav Bar” for more [...]
John,
I love your headway videos. They are right to the point without the filler. I have a tough time keeping attention through tutorials, but yours suck me right in while I am executing at the same time.
You must be some kind of mind reader, because after getting enough of Headway down on my own, your videos cover the missing pieces…not because they are hard to figure out, but because I am VERY green at WordPress to begin with, so your videos are linking the pieces of the puzzle together.
Thanks man,
Scott
Anytime, Scott!
John, how do we get the navigation to display VERTICALLY? What I am wanting to do is display the categories on the rightside but like buttons vertically stacked on one another.
How would I do this? also, how would I get the category links to be button images instead of text links. I know how to do it with a raw html box, but that doesnt give me the SEO optimized linking structure like WordPress/Headway usually has would it?
thanks
Jesse
Jesse – Check out the Headway Marketplace where you can download a free vertical nav-bar leaf. In terms of displaying buttons for categories, I’d recommend HTML so that you can match your sites colors with appropriate images. Make sense?
How do you change the color of the font in the nav bar?
By using the design editor.