Clean Menu Equivalent for Elements

Hi,

Today I took the plunge from Classic into Elements. I’m now on a steep learning curve.

In my Classic website I use the “Clean Menu” stack by @1LittleDesigner. That stack had the option to add custom menu items. This meant I could have some menu items visible at all times, whilst other menu items were only accessible from the drop down.

On mobile, all the menu items merged to the drop down.

Is this possible with the Elements Menu or is there a third party solution?

You can see the Classic site in action here:

You can add more than one menu, and you can add other elements to that menu. This is possible using the standard tools included in Elements.
Use accordion ( also with modal ) to create the drop-down menu and then add a TREE and your custom links.

vertical menu
Expose demo
Elements is very versatile, you can make any combination, As soon as you get used to it, you’ll have fun!

Amazing! Thank you for sharing this info. There’s a lot going on there but it makes sense. I just need to get the hang of it.

here you go, save you time and enjoy, spend time on style, colors, background, etc.
Compare the structure with my first example, you’ll see that you can nest elements to make things more elegant.

:right_arrow: DOWNLAOD TEMPLATE

Very nice of you to help out!

gave up on this one - elementsapp://downloadDocument/PIhiIT5NoQeb

hopefully in same place account for left open mobile menu

Nice!!! :clap:

Unfortunately this is not semantic markup and therefore is not accessible.

I’m not sure I understand, sorry. The program allows you to do the same things in multiple ways, which is a positive aspect, but if you’re inexperienced, it can be confusing. Once you understand how it works, you can do some interesting things, but it requires a bit of practice.
comparing demos like @upssjw and mine I think is useful

1 Like

assume this is to do with screen readers etc.??

Correct as well as Search Engines.

And is required by law in the EU for certain companies and industries.

1 Like

Hmm, I’m not so sure that’s the case. You can absolutely create semantic markup in Elements with multiple menus. Maybe I’m misunderstanding the conversation, but for anyone else reading this thread, here’s a bit more info:

Having multiple menus on a webpage is absolutely fine, it’s very common on modern sites and doesn’t negatively affect accessibility or SEO when implemented correctly. Many sites use a main navigation plus additional menus for utilities, footers, or section-specific links.

For accessibility: screen readers simply encounter each navigation block as its own <nav> landmark. As long as each menu has clear structure, meaningful link text, it’s accessible. Users can quickly jump between navigation landmarks, so having more than one can actually make things easier, not harder.

For SEO: search engines don’t penalise multiple menus. Google crawls all the links the same way, and having well-organised navigation can even help search engines understand your site’s hierarchy better. The important part is clean HTML, logical grouping, and avoiding duplicate or misleading links, not the number of menus.

So multiple menus are completely normal and don’t cause any SEO or accessibility issues when built correctly :slight_smile:

2 Likes

I always like it when examples are shown, because then we can learn something, but why do some of the links not open for me?

removed from cloud account, I leave mine for 24 hours then remove, they take up space in my cloud account

videos - I delete older first, only have so much space in cleanshot

You are correct in that this requires more explanation.

The example provided, using an accordion or manual markup without the nav container, is not semantically correct.

It is also correct that you may have more than one nav container with links in it. In this instance, the ARIA roles should be indicated to help the screen reader understand its purpose.

It is not accessible to simply add some or a bunch of links in a container and assume it will be recognised as navigation.