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

In this example we have used the Floating Menu feature by changing the <Menu Floats on Scroll> property in the application in order to keep the menu visible in the same position while scrolling using smooth (you can also use immediate) scroll.

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

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 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