Quick Action Bar Menu (like Wix)

Design help General
1

Hi, I’m wondering if anyone has tips / tutorial on how to make a menu like the Wix Quick Action Bar. Its just a menu that sticks to the bottom of the screen on mobile devices.

eg:

thanks!

2

Hi,

I for one try to never use the hamburger menu and craft a navbar that morphs into a bottom bar on mobile. Because a PRIMARY menu is the most important thing on a site, it makes no sense to me to hide it behind a hamburger icon. I like to have the main navigation options at sight. It immediately gives the user a sense of what’s the narration and content.

That’s called an app menu, sometimes, the reference usually is the Facebook mobile app. They were among the first to get it right and ditch hamburgers entirely.

It’s not very difficult to do and it’s pretty solid. It needs attention to details, however.

You can check 2 of my sites who have this behavior:

— https://www.larochelle-croisieres.com/
— http://1001pneus.com/

I always wanted to make a tutorial / template for that, I will try to achieve that during the weekend to help you.

:skull_and_crossbones::hamburger:

:joy:

4 Likes
3

Thanks Vincent! I totally agree about the hamburger.

4

This should help

https://webflow.com/workshop/creating-a-better-mobile-user-experience

1 Like
5

Perfect, thanks PixelGeek!!

1 Like
6
2 Likes