This is Facet

As a TopBar FullScreen Mobile Menu

Facet is set to show only for small screens. TopBar is set to show for tablet+

Narrow your browser to see TopBar transform to a full screen animated menu. Suck menus are very popular for mobile as they are easy to navigate and less busy on small screens.

In this case we have menu bar launcher set with a gradient to match TopBar. Notice that the Facet menu bar has all the options you would expect (and a lot more) to keep a consistent look with your desktop TopBar

Styling

All Facet Menu toggles and bars have a huge variety of styling options to achieve the look that you want.

Remember the examples on these pages are just ideas. The point of Facet is that is is a totally modular and flexible system, allowing you to build the menu that you want.

My Image

The Menu Items

The accordion menu in the Facet stack is a SideNav Pro with menu mode enabled.

SideNav Pro also has the option to define separate colors for all its elements when in an active Facet menu.

This is important if the content is against a light background when on the page and a dark background when in the Facet menu