How to create drop-down menus in your nav bar with the Headway WordPress theme

Jeff left a comment on “Why I switched my blog’s premium WordPress theme from Thesis to Headway“, asking how I created the drop-down menus in my navigation bar:

jefflink comment

I thought this screencast would be useful to others as well.

To learn more about the Headway Theme, please visit their site at Headwaythemes.com.

  • We’ll need a copy of the latest release of jQuery, version 1.4.2 at the time of writing, as well as a copy of the current version (1.1) of the excellent Modernizr library, which we’ll use to target supporting browsers with the CSS3 we use.

    Create a project folder for the files we’ll create somewhere on your machine and call it nav, inside this folder create three new folders; one called js, one called css and one called fallback. Make sure copies of both jQuery and Modernizr are saved in the js folder.
  • Question. Have this changed? I don't have a Misc section in the post/page editor. I have one called Page Title and I can change the title but I can't add an alternate url.
  • The alternative URL option is a Headway feature.
  • Yes, and I have Headway. I did end up finding it, but it a different section of the page editor. It has been moved to the SEO box and works as a redirect.



    -- Sent from my Palm Pre
  • Perfect. Glad you found it.
  • Awesome! Thanks for the video.
    Before seeing this I was trying to figure out if you could do category navigation, but I suppose that you could use the external link box to paste in your category URLs?
  • Cynthia - maybe the 3rd time will do it. ;-) At around 2:05 I point out the field where you need to place the external URL.
  • John,

    Thanks for the drop-down tutorial. It explained perfectly how to do it with in-site pages. However, am I hallucinating? I didn't see how you got those external links to work, after two trips through the video.

    Thanks!
blog comments powered by Disqus