menu

star New Features (Version 1.5.0)

Create Menus with Stacks!
library_add
List Icons & Subtitles
home
security
store
Clickable Parents
keyboard_arrow_down
keyboard_arrow_down
keyboard_arrow_down
Menu Hide Options
smartphone tablet desktop_mac
Menu Text Alignment
format_align_left format_align_center format_align_right
more_horiz View All

Menu Styles

Custom Menu Types

Rapid Weaver Menu

By Default the Overlay Menu uses your Rapid Weaver sites' menu. No setup, simply drag and drop.


Custom Menus with Markdown, HTML, and now STACKS!

Of course, we've also included the option to create your own custom menus using Markdown or HTML.

text_format

Markdown

code

HTML

gamepad

STACKS

Customizable Overlay

Overlay Backgrounds

Easily create a menu that blends perfectly with your site using background options such as Solid Colors, Gradients, and even Images!

color_lens

Colors

gradient

Gradients

image

Images


Background Opacity

You can also change the opacity of the backgrounds for a sleek over-the-page look~

star New Feature!

List Icons & Subtitles

List Icons

You can now add list-icons to menu links giving your user a visual idea of what a page represents!


Subtitles

If icons aren't enough, you can even add subtitles to provide a short description of a list-item~~

View Tutorial

Link Styles & Dropdown Icons

Link Styles

Make sleek and stylish links with simple and easy to use options like backgrounds, colors and sizes. Even control styles based on their hover state.


Dropdown Icons

Customizable open/close dropdown icons and rotation control too! With icons from Google Material Icons, Fontawesome, and Ionicons, you can create pretty much anything. : )

add_circle

Open State

remove_circle

Close State

rotate_left

Rotation

Menu Footer Section!

library_add

Drop Stacks here


Add Extra Content

We've included a footer section at the bottom of the menu where other stacks can be placed. Easily add footer content like contact info or social icons~~

Menu Toggle Styles

Menu Toggle Styles

Did we mention styles?

We may sound like a broken record, but just like the menu itself, the toggle can be fully customized with Backgrounds, Colors, Shadows and more!

color_lens

Colors

texture

Backgrounds

blur_on

Shadows


Shapes and Sizes

Easily change the shape and size of your toggle with Radius, and Padding options. Create square, rounded, and circular toggles

Menu Toggle Positioning

Inline / Fixed

By default the Overlay Menu Toggle is fixed and scrolls with the page. Though, you can easily set it Inline and place it with your content.

Alignment

Simple options allow the Overlay Menu Toggle to be aligned Left, Right, or Centered. Spacing can be easily changed by editing the margins.

Extra Menu Toggles

Multiple Toggles, One Menu

That's right! Create Multiple toggles that link to the same Overlay Menu using the Unique Menu ID setting, or the included Extra Toggle stack : )


Bonus Tip

You can even use a basic link to toggle your menu by adding the following attribute to a link tag: data-id="overlay_menu_UNIQUE_MENU_ID"

Just replace the UNIQUE_MENU_ID with your Overlay Menus id value! Awesome~~

Basic Content

Lorem ipsum Officiis eaque dicta nam voluptatem Gradient Menu Link, in sapientse laudantium! Beatae, suscipit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis eaque dicta nam voluptatem Footer Menu Link.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis eaque dicta nam voluptatem Main Menu Link.