WordPress Menu Add-in/Plugin Examples

In the sections below you can view some examples on how to position your menu created using the WordPress plugin on your blog depending on the use case.

How to use the add-in/plugin & download instructions

Here we use the "Floating Menu" feature by setting the <Menu Floats on Scroll> property in AllWebMenus to "Constant Floating". This makes the menu float in the same position when the user scrolls the page. The smooth scroll effect is used (you can also use immediate scroll effect).

You can also use the "Advanced Floating Menu Add-in" for conditional floating effects! (not required)

We chose to position the menu "Relative to Window", through the "Positioning" property:

This is how the menu will look in your blog's homepage:

Click on the image to view the example live
(also scroll that page)

You can position your menu relative to your blog's header when using the Default Theme as displayed in this example. In this example the menu will be placed in the bottom center of the header.

The menu, is positioned by placing the ID of the header tag (in our case a DIV) in the "Custom ID" property under the "Element Anchor ID" options.

These are the settings for the Main Menu Group's "Positioning" property:

This is how the menu will look in your blog's homepage:

Click on the image to view the example live

You can position your menu relative to an element in your blog's header when using any Theme. The "Aeros" Theme already contains a default menu that displays the pages of your blog. In this example we have positioned our menu above the default menu in order to replace it and display a more stylish menu that contains more options as items and also subgroups.

The menu, is positioned by placing the ID of the header tag (in our case a DIV) in the "Custom ID" property under the "Element Anchor ID" options.

These are the settings for the Main Menu Group's "Positioning" property:

This is how the menu will look in your blog's homepage:

Click on the image to view the example live

You can position your menu relative to an element in your blog's header when using any Theme. The "Crafty Cart" Theme already contains a default menu that displays the pages of your blog. In this example we have positioned our menu above the default menu in order to replace it and display a more stylish menu that contains more options as items and also subgroups.

The menu, is positioned by placing the ID of the header tag (in our case a DIV) in the "Custom ID" property under the "Element Anchor ID" options.

These are the settings for the Main Menu Group's "Positioning" property:

This is how the menu will look in your blog's homepage:

Click on the image to view the example live