# Dev Diary Ep13 - Tree Navigation **URL:** \ **Category:** RapidWeaver Elements\ **Created:** [April 9, 2024, 5:16pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026 "2024-04-09T17:16:31Z")\ **Posts on this page:** 9\ **Page:** 2
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 10, 2024, 1:10pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/21 "2024-04-10T13:10:13Z")
> [@Flash](#): > > > [@Flash](#): > > > > including examples for both large and small screens. For the desktop view, can we utilize the same menu and have it function as a mobile menu on smaller screens? I’m aiming to avoid duplicating code by hiding and repeating it for each use. > > Just bumping my question. 😆 I hope I’m understanding your question correctly… you could use the same modal pop over for all devices, but if you wanted different looking menus on mobile and desktop then you’d have to do something like I demoed in the [responsive navigation video](https://forums.realmacsoftware.com/t/dev-diary-ep11-responsive-navigation-q-a/42909/1) from a few weeks back. If you want the menu displayed differently at mobile and desktop breakpoints it’s only a little extra html to include it twice so it won’t impact performance. Hope that helps! P.S. Sorry I missed your questions, seems we got a lot this week 😅 ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [April 10, 2024, 1:15pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/22 "2024-04-10T13:15:01Z")
Thanks @dan , Just making sure I am following you. So if I put the tree menu in at desktop, I could simply add the model html into the same tree menu at small size to turn it into a responsive menu? EDIT: since Elements is mobile first, perhaps I build the tree with the modal button, but for desktop, I set the state to active so it stays open in a column on the page? ---
**Author:** ![joeace](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeace/32/25504_2.png) [@joeace](https://forums.realmacsoftware.com/u/joeace)\ **Post date:** [April 10, 2024, 2:30pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/23 "2024-04-10T14:30:45Z")
Thank you for this navigation demo! I was waiting to see how Rapidweaver Elements would handle navigation for larger websites with subpages. Looking at the future of Rapidweaver gets me excite for its release. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 10, 2024, 9:41pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/24 "2024-04-10T21:41:00Z")
> [@Flash](#): > > Thanks @dan , Just making sure I am following you. So if I put the tree menu in at desktop, I could simply add the model html into the same tree menu at small size to turn it into a responsive menu? Hmm, no. You’d have two menus, one showing on mobile and one showing on desktop. They’d be independent, and you could design them however you liked. I think it may be easier to understand if I record a demo video 🤔 ---
**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\ **Post date:** [April 10, 2024, 10:21pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/25 "2024-04-10T22:21:47Z")
Bummer, correct me if I’m wrong but that means both will be showing in the code, requiring one to be hidden with CSS, depending on the viewport. If so then I will still be looking for a graceful solution to large technical website navigation. I was really hoping this it. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 11, 2024, 7:45am UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/26 "2024-04-11T07:45:19Z")
> [@Flash](#): > > If so then I will still be looking for a graceful solution to large technical website navigation. I was really hoping this it. Hmmm, I’ll have a think about how we can make this work for you 🤔 ---
**Author:** ![nickfromcornwall](https://avatars.discourse-cdn.com/v4/letter/n/58f4c7/32.png) [@nickfromcornwall](https://forums.realmacsoftware.com/u/nickfromcornwall)\ **Post date:** [April 15, 2024, 3:54pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/27 "2024-04-15T15:54:27Z")
Is Elements going to have a Search Element? So we can build in a search box on our website for users? ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [April 15, 2024, 4:01pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/28 "2024-04-15T16:01:05Z")
It would be really helpful if Elements provided a static search function such as [PageFind](https://pagefind.app) or [Lunr](https://lunrjs.com) out-of-the-box. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [April 15, 2024, 4:05pm UTC](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026/29 "2024-04-15T16:05:39Z")
Sorry, we don’t have that planned for the initial beta. But it is something a third-party developer could build… it’s why we’ve built the Elements Language… more on that soon 😉 [Previous page](https://forums.realmacsoftware.com/t/dev-diary-ep13-tree-navigation/43026.md?page=1)