# How can I create a 'custom menu' in my trumpet site?

**URL:** <https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346>\
**Category:** Elements\
**Created:** [September 26, 2025, 11:20am UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346 "2025-09-26T11:20:50Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 26, 2025, 11:20am UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/1 "2025-09-26T11:20:50Z")

</div>

I’d like to create a fixed new menu with: Beginner • Intermediate • Advanced • Free Music • Forum • Shop and then page links underneath…

It has been suggested that the tree menu is somewhat overwhelming and might cause people to immediately bounce off the site

I know there must be a way.. I just can’t figure it out 🙂

I added a fixed ‘menu bar’ by me and not the component at [TrumpetStudio.com](http://TrumpetStudio.com)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 26, 2025, 12:13pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/2 "2025-09-26T12:13:26Z")

</div>

The amount of Elements that I don’t know is staggering…

Put Grid in Flex?  
Use accordion or dropdown?  
Massive spacing issues…  
Column or Row? Wrap or no wrap?

Been playing with settings for 2 hours trying to get what I want…

Can’t get there…

Here are examples…

 ![Screenshot 2025-09-26 at 7.00.31 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/5/05fcfc6ff162ca2cb0dfddc09894b86018b51cba.jpeg)

 ![Screenshot 2025-09-26 at 7.00.18 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/d/adc8d9ad1ed32a0f62ba87356bf4f74818fcb127.jpeg)

So this is beyond my level of knowledge…

Yes I could learn… But I need to see the final results and look at the settings of how it was done.. for me to learn

So many areas of spacing and alignment: Where do you do it at the container level? flex box level? Grid Level? or text Level?

So I’ve gotten as far as I could, then delete it - I’m sure that you could whip up a faster - better - homemade fixed menu - that changes from full screen to mobile

Or

What I’m asking is not possible with elements yet?

I am will to pay for your time in programming a solution - and then learning from it

The problem as I see it - is making the custom menu that can adapt from full screen to mobile - maybe its easy 🙂 dont know…

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 26, 2025, 12:55pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/3 "2025-09-26T12:55:02Z")

</div>

Why not just use Elements menu, use folders with those headings, put links underneath, auto switch to mobile then, unless I misunderstand your requirement

---

<div class="post-metadata">

**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:** [September 26, 2025, 1:07pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/4 "2025-09-26T13:07:01Z")

</div>

Do you have an example of a site menu you’d like to re-create? A third-party website we can go and look at would be perfect!

If you can provide a clear vision of the menu structure you need, we can advise you on the best way to do it 🙂

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 26, 2025, 1:10pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/5 "2025-09-26T13:10:45Z")

</div>

I can’t use the stock menu it will change my left menu on the site…

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 26, 2025, 1:16pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/6 "2025-09-26T13:16:55Z")

</div>

Just simple: with blue star [TrumpetStudio.com](http://TrumpetStudio.com) then: Beginner • Intermediate • Advanced • Free Music • Forum • Shop and then I will select appropriate page links from website underneath…

But was running into problems:

When in mobile: content got covered up by menu

Currently just made the star ⭐ and [TrumpetStudio.com](http://TrumpetStudio.com) - so that when it is in mobile it doesn’t expand and and cover up content

Hopefully that made sense…

---

<div class="post-metadata">

**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:** [September 26, 2025, 1:26pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/7 "2025-09-26T13:26:12Z")

</div>

Why not just use a simple menu template? Does this help at all…

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 26, 2025, 2:30pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/8 "2025-09-26T14:30:40Z")

</div>

you could just hide and show, both or one, do the same for your top bar, or did you need completely different menus

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 26, 2025, 3:36pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/9 "2025-09-26T15:36:15Z")

</div>

I was looking to create separate menus

New categories and select content on top

Everything on the side vertical menu…

- on the road now - going to the department of motor vehicles in Illinois - takes many hours….
- 

I think 🤔 I can make Dan’s Top Pages Work…

Didn’t know about that…. (Top pages) very 👍 good

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 27, 2025, 12:25am UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/10 "2025-09-27T00:25:51Z")

</div>

Not perfect - but better…

Trying not to change page names and location in the site - 30 years of external links to specific pages and content…

I really wanted a ‘custom’ menu bar…

But can’t figure it out and top pages was easy…

And it’s small enough to not be a problem in mobile…

So - the categories are different - but accessible

 ![IMG_6054](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/2/c29523348f7c33ccc7524646b1e0581c34c69550.jpeg)

---

<div class="post-metadata">

**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:** [September 27, 2025, 12:44pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/11 "2025-09-27T12:44:48Z")

</div>

I’m still not entirely sure what you want, you’ve never given a concrete example. if you did we’d be able to advise on the solution 😉

However, i’d suggest doing something like this (see below). The Tree navigation now supports selecting a sub page or folder and displaying just the contents of that…

 ![CleanShot 2025-09-27 at 1 .37.39@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/a/aa02e8a51c7f4d1c19043e7e6bd6cda50868a903.jpeg)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 27, 2025, 3:23pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/12 "2025-09-27T15:23:27Z")

</div>

I am sorry, Dan and everyone who’s trying to help sometimes I don’t express myself well or explain well enough.

I am looking for two separate menus with two separate content listings.

They are not the same and are different.

Mostly on the top, I wanted to have beginner intermediate and advanced selections for instant access to curated content for those players and then along with that forums shopping and free stuff…

So I’m trying to create two different menus.

The one on top will have special pages that I select for that Trumpet players level.

The one on the left will show everything…

Does that make sense? I can explain better if there’s something that’s not making sense.

I thought I had to make my own menu and not use existing components…

---

<div class="post-metadata">

**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:** [September 28, 2025, 8:22pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/13 "2025-09-28T20:22:50Z")

</div>

I believe you can do exactly what you want with the built-in navigation components, probably use “Top Pages” and “Tree”.

Both have the options you need to make this work.  
On tree you an use “Active Page” or manually Select the page to use/

 ![CleanShot 2025-09-28 at 9 .23.46@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/f/bf3e7649fac6b8207bfced7a08c3eb0bdf947c7b.png)

 ![CleanShot 2025-09-28 at 9 .23.37@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/d/2dd3ec515c23034b37665cc61e3bc40b0d7fc00e.png)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 28, 2025, 8:56pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/14 "2025-09-28T20:56:47Z")

</div>

Thanx - will give it another try….

I thought Top Pages was only the ‘first level’

 ![IMG_6085](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/e/2e2498f3f8b9cc4e7ee660752ba1691203afe8e2.jpeg)

Will try again - after the Chicago Bears Game 🙂

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 28, 2025, 10:05pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/15 "2025-09-28T22:05:02Z")

</div>

It’s Ok - What I really want is Two Separate Menus - Each with their own content

To get top pages or tree to work I have to restructure folders and pages - Don’t Want to do that…

I had just wanted Initially: a new different menu with: Beginner • Intermediate • Advanced • Free Music • Forum • Shop and then page links underneath…

I don’t Have Folders with Beginner, Intermediate, or Advanced…

I wanted to Organize my content differently into those three categories and still leave the left tree menu unchanged - So that - a trumpet player would select beginner then get those articles, lessons, books, and resources for that level

_But without again changing the left tree menu…_

So it look like the only way I’m seeing - is to:

1. Restructure the site
2. Create Beginning, Intermediate, and Advanced Folders
3. Drop those specific pages into those folders

**I didn’t want to do that** - because people will not see _ALL_ the resources like they can now on the left tree menu

 ![Screenshot 2025-09-28 at 4.54.21 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/e/5e3eeb1e7f0cb263ca684a91d2f2ab2d6567f37d.jpeg)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 29, 2025, 3:19pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/16 "2025-09-29T15:19:33Z")

</div>

Getting Close - Copied the settings from Dan ‘Features’ Section and Made the Menu

Whole thing in a container: in a grid: then Flex Container Text for each (see Picture)

 ![Screenshot 2025-09-29 at 10.07.42 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/d/4dfde3a6fe616e341f853bd82ebe5e6681a2b55c.jpeg)

It works until I go down in screen size, then it messes up  
Can’t see what settings Dan did in ‘Features’ to make it transition so nicely to mobile …

 ![Screenshot 2025-09-29 at 10.13.29 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/b/2b7f00e53271f8df4d2deffd24bb0eccdb4154a9.jpeg)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 29, 2025, 4:34pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/17 "2025-09-29T16:34:32Z")

</div>

just some feedback, not sure you intended, lot of white space in desktop

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 29, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/18 "2025-09-29T17:15:34Z")

</div>

Yes - Like White Space - Clean and Uncluttered

Hans gave me a great idea: Use top pages - BUT LINKS!!! DUH YES

 ![Screenshot 2025-09-29 at 12.09.41 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/f/dfcac07acf998fa513466f4c2aef6d56144af87f.jpeg)

Got it working and looking like I want - Except for Mobile:

 ![Screenshot 2025-09-29 at 12.10.25 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/0/e0158f46b0f54aaeff543fe13c74a65f40d565a0.jpeg)

How Do I Fix The View For Mobile?

Thanx  
-Mike

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 29, 2025, 8:02pm UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/19 "2025-09-29T20:02:50Z")

</div>

Going a different Direction… Using the simple menu and Top Pages

 ![Screenshot 2025-09-29 at 2.58.43 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/5/8532f7abedf60e98392dfebf7898cf5324cadfc7.png)  
 ![Screenshot 2025-09-29 at 2.58.54 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/b/5b8199de543b55c2968c202d818f091088efacf3.png)  
 ![Screenshot 2025-09-29 at 2.59.04 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/6/f62d89cb92ef4d222b435a1a14d947569808defb.jpeg)  
 ![Screenshot 2025-09-29 at 2.59.12 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/8/d8c558d0b2d29a16b37b07a99f9a0d20b57ff442.jpeg)

How do I fix Mobile with the Simple Menu?

SPECIAL THANK YOU TO HANS! 🙂

He has been sending me files to try and get this working

THANK YOU DO MUCH!!!

---

<div class="post-metadata">

**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:** [September 30, 2025, 9:07am UTC](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346/20 "2025-09-30T09:07:54Z")

</div>

> [@MichaelDroste](#):
>
> How do I fix Mobile with the Simple Menu?

What do you mean fix? You’ll need to let us know how you want it to look 😛

[Next page](https://forums.realmacsoftware.com/t/how-can-i-create-a-custom-menu-in-my-trumpet-site/51346.md?page=2)
