Drupal Menu Add-in/Module Examples

View below examples on how to position your menu (created using AllWebMenus and the Drupal module) on your website, depending on the use case.

How to use the add-in/module & 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 Drupal site's homepage:

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

Here we use the Default Theme in Drupal and we position our menu relative to a Drupal "Block". In specific, the menu is placed at the header of the site.

How?

First, we positioned the Drupal block where we wanted in the Drupal site.

Then, in AllWebMenus "Positioning" property we used the "Relative to an Element" option and selected the "Default ID" option

These are the settings for the Block's positioning property in the Drupal admin area:

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

Click on the image to view the example live

In this example a Superfish menu has been used.

The contents of the menu have been configured in the module's administration page.

The appearance of the menu by configuring the block's settings.

The positioning of the menu by moving the block under the desired area of the Drupal site.

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

Click on the image to view the example live