We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 10226
    • 412 Posts
    I need a good cross-browser navigation. I want to stick with a drop-down similar to the one I have now. I would like to stay away from adding any more js, so a pure CSS menu is preferred. I am tired of finding something that I like and spending 2 hours trying to get it to work with modx. I just need something simple, but not as simple as my current menu. One thing I do not like about my current menu is the static size of the menu elements, I can change that, or change the display order to make it look good, but I would rather go with a better menu.

    http://sweetskies.fruitwerks.us

    Thanks!

      • 1535
      • 84 Posts
      I like the menus in the MultiFlex-3 template.

      http://modxcms.com/forums/index.php?topic=10171

      As far as I can tell, they work without modification in all browsers, and they look good.

      They use ul’s in all browsers but IE6, where tables are used also.

      Cheers,

      Andreas
        • 27708 MODX Staff
        • 2,502 Posts
        How about this: Get rid of the dropdown alltogether.

        Most usability experts have established that most dropdown navigation actually makes it harder for people to locate information quickly. In the case of your website the "Breeders" link takes you to a nice page that lists all the breeds as links to the subpages. Why bother with dropdown navigatinon that doesn’t really aid the users in finding their information. A large portion of users nevern even use the dropdowns at all and often have difficulty utilizing the submenu items anyway.

        My personal approach is to use a sectional subnavigation system so that when a person is within a particular section they are given a secondary navigation. In addition users can get an overview of the section from the main page of the subsection which might help them find specifically what they are using in a more intuitive way over dropdowns that offer little in the way of descriptors.

        That being said I would check out http://meyerweb.com/eric/css/edge/menus/demo.html for a thoughtful way of doing the lists if you need to use a dropdown.

        All the best,

        Jay
          Author of zero books. Formerly of many strange things. Pairs well with meats. Conversations are magical experiences. He's dangerous around code but a markup magician. Blog ✦ Twitter ✦ LinkedIn ✦ GitHub
          • 10226
          • 412 Posts
          smashingred - I like the idea of the sectional navigation, I almost went for it once, but looked a bit tricky for me that day. I really feel that I do not need a multilevel menu, but my wife likes it (her site). I recently changed the about 80% of the visual styles keeping her original idea in mind and she said "That looks a lot better, I like it!" I’m glad she did, because I didn’t backup the CSS smiley

          AndreasT - The MutiFlex looks better than any wayfinder menu I have seen, I will probably go with that.

          Thanks!
            • 33372
            • 1,611 Posts
            I find that "sliding door" menus are a really good alternative to drop-down menus when you don’t need access to a lot of subpages: http://www.cssplay.co.uk/menus/doors_drop_line_two.html
              "Things are not what they appear to be; nor are they otherwise." - Buddha

              "Well, gee, Buddha - that wasn't very helpful..." - ZAP

              Useful MODx links: documentation | wiki | forum guidelines | bugs & requests | info you should include with your post | commercial support options
              • 28042 ☆ A M B ☆
              • 24,524 Posts
              The "sliding doors" here refers to the method of having nice variable-width background images for the tabs. Another version of this menu type (that I based my hack on the original MODx Manager menu on, later improved by others to the current menu bar) can be found here:

              http://www.alistapart.com/articles/hybrid/
                Studying MODX in the desert - http://sottwell.com
                Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
                Join the Slack Community - http://modx.org