Hi all,
Here are a few tips to create a minimalist menu without plugins.
Nothing special with this menu, but:
- it is easy to build
- it doesn’t consume a lot of WU
- it’s responsive
I use it for internal tools but with some menu design touches, you should be able to use it for B2C apps too…
First, let’s see it in action:
Vertical over horizontal
I’ve tried both, but it’s easier to stay vertical because it’s easier to work with it on mobile.
Option sets for the pages
Maybe you want to make a new data type “Page” to deal with the pages of the menu, because you can add them without the editor.
But you don’t add pages very often, and with the new WUs, it consumes less to use option sets (compared to “Do a search for”).
The pages in the menu load nearly instantaneously.
Control who sees what, also with option sets
I’ve created an option set for roles (here: VisibilityGroups).
Again, it loads more quickly, and you can use them in privacy options (which is not the case for data types).
The menu: two simple floating groups
I just hide the menu when clicking on the icon, and that’s it.
The info also appears in the URL, as here: Companies - AutomationZilla.com
Note that I’ve used here the “Canva placeholder” for “Ryan Kim”, “CRM” and “Companies” but the information are dynamic of course.
You can see the full code in my template here: Automationzillatemplate | Bubble Editor
Please give me your tips to make it even more simpler or efficient!