Create a beautiful sidebar menu that remains hidden until clicked. The Sidebar Navigation Menu creates an off-canvas menu that appears with a customizable transition effect, allowing you to create a menu that does anything from subtly sliding into place to rotating three-dimensionally.
Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
Current Version: 2.2
Supported Devices: Desktop, Tablet, Phone
2.2: Addressed issue of gaps created when the changing of device orientation causes Muse to transition across breakpoints. The widget now forces the browser to refresh in this scenario. (03/21/2018)
2.1: Fixes issue causing menu button to fail on mobile devices (02/01/2018)
2.0: Complete widget rebuild to add responsive function and full compatibility with Muse 2015.2. Also adds additional customization, and doubles the number of link options (09/09/2016)
1.1: Fixed issue causing some users to experience crashing in Muse when opening option panel (02/12/2016)
1.0: Adds collapsible panel functionality and support for responsive Muse
Drag the widget from the library and drop into your project in Design mode.
You will see 3 elements on the page. The 2 main widget components, plus a pre-styled menu button.
Place the 2 widget components off canvas and out of the way. If you plane to use the pre-styled menu button, place it where you like. If you're instead using the default or text button (more on this later), you can delete the pre-styled menu button.
You can preview the page at this point if you would like to see the sidebar menu with the default settings.
Select a Menu Effect. These transition styles determine how the sidebar menu appears.
Select a Menu Background Color.
Menu Button Setup
Select a button format:
Custom Button: You can make your own custom button. The button that is packaged with the widget is an example of a custom button. You can edit the included button or make your own. You will notice that the included button has a graphic style applied to it already. If you make your own custom button, make sure you apply a unique graphic style name to it. The graphic style name should be entered in the next field: Custom Button - Graphic Style.
Default Button: This option uses a default button generated by the widget. The remaining settings in this section are style settings for the default button.
Text Button: This option uses your own text, placed in a button. The remaining "default" styling options in this section apply to the Text button, as well as the default button.
Logo & Menu Title Options
You may use a menu logo if you wish. This works well for company logos.
Enable the menu logo if you wish to use it.
Load the logo file.
Set the width and height settings.
The remaining settings in this section allow you to enable and use a menu title, which will appear at the top of the menu. Set the text, font, color, etc. in this section.
Menu Item Setup
This section allows you to customize the menu items: text colors, fonts, size, spacing, etc.