ThemeShaper Forums » Thematic

[closed]

Complex navigation questions

(4 posts)
  • Started 3 years ago by brettmjohnson
  • Latest reply from Lasson
  • This topic is not resolved
  1. I've attempting to build a complex menu system, which can be see from the link below.

    http://i56.tinypic.com/24q8kqp.jpg

    The four links to the right are the main navigation that is found in the header. When the user hovers or clicks (for touch screens) on the "Industries" link, the industries navigation should open to the left.

    What is the best way to implement this?

    It seems like there are two problems to tackle:

    First, how do I set up the secondary Industries navigation to display when the Industries link is hovered and/or clicked?

    Second, what's the best way to create the links in the industries navigation box? My first thought is to hard code the links to each page, as this would be easiest. But it would be better in the end to have those links populate from the existing Industries pages, so the client could add new pages easily. How would this done?

    I am considering the pageMash plugin to customize the displayed links in the main nav (Industries, Blog, About, Contact), but this may not be the best choice.

    I'm relatively new to Wordpress and Thematic, but it's pretty great so far.

    Any help is appreciated.

    Posted 3 years ago #
  2. I think I may have found my answers. Tell me if this sounds correct.

    I found a tutorial on menus here:
    http://justintadlock.com/archives/2010/06/01/goodbye-headaches-hello-menus

    I would create a custom main nav, then several other custom navs for set categories which will be built into the div popup.

    But the problem remains of how to get that new popup menu to display when the "Industries" link is hovered or clicked. I'm guessing I'd have some javascript listening for hovering or clicking of the link (use a custom class for the link).

    Would this work? Better way?

    Posted 3 years ago #
  3. if you hard-code a custom menu i know you could use a jquery mega menu plugin. once upon a time i saw someone do a tutorial on what is called a "mega menu" with wordpress 3.0, but now i cannot find it anywhere.

    this might help:
    http://codecanyon.net/item/ubermenu-wordpress-mega-menu-plugin/full_screen_preview/154703

    it is a premium plugin, but $10 might be worth the amount of time you are probably going to spend to figure this out.

    Posted 3 years ago #
  4. Lasson
    Member


RSS feed for this topic

Topic Closed

This topic has been closed to new replies.