How do I use Structure to output a select menu

Question

I am working on a responsive site and need to output my Structure powered nav into a select menu for smaller screens. In looking at Structure's documentation this doesn't seem possible natively. Am I missing something?

After some digging it seems like the add-on Structure Entries is the ticket I need with one caveat. SE has quite a bit of overheard (in terms of queries) while using it to spit out custom nav. What's the best approach to minimize the impact performance for complicated menus?

score 5 · Answer 1 · answered Nov 09 '12 at 17:25

5

I am doing this currently using Twitter Bootstrap's Button Dropdown javascript plugin. http://twitter.github.com/bootstrap/javascript.html#dropdowns

I also use MX Mobile Device Detect to serve devices the dropdown while the desktop users get the full menu.

I think the Dropdown Button script only allows for a single level list, however since its mobile do you need more than one?

answered Nov 09 '12 at 17:25

Wedodan

371
1
6

I can split up the nav as needed on the interior pages and am looking at that route. I'll check this option out too. Thanks! – Paulo Nov 09 '12 at 18:16

score 2 · Answer 2 · answered Nov 09 '12 at 17:26

2

I know it's obviously preferable to do it in the template itself, but a JS alternative is TinyNav.js.
It will convert your nav to a select dropdown.

http://tinynav.viljamis.com/

answered Nov 09 '12 at 17:26

Jason Varga

1,949
2
21
29

Interesting, I'll check this out. Thanks! – Paulo Nov 09 '12 at 18:14

How do I use Structure to output a select menu

2 Answers2