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 How to create drop down menus in your nav bar with the Headway WordPress theme

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.

Rehydrate your inbox here. Send hate mail here.

Read more articles about I'm feeling lucky
  • cynthialaluna

    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!

  • http://www.johnhaydon.com johnhaydon

    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.

  • http://www.willbrownonline.com/ WillBrown

    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?

  • http://www.willbrownonline.com/ Will Brown

    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?

  • http://ericasays.com EricaMueller

    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.

    • http://www.johnhaydon.com John Haydon

      The alternative URL option is a Headway feature.

      • http://ericasays.com EricaMueller

        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

      • http://www.johnhaydon.com John Haydon

        Perfect. Glad you found it.

  • http://www.johnhaydon.com John Haydon

    Perfect. Glad you found it.

  • http://www.fivefingershealth.com Vibram

    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.

  • carsonsl

    Hey John, thanks for the great video. How do you add Headway “search this blog” to your nav bar?