Responsive Drupal Skeleton theme Multi-level CSS/Superfish menus

CSS multilevel drop-down menus support

Skeleton 7.x-1.2 comes with built-in CSS multilevel drop-down menus support. In this case, you should have enabled the "Show as expanded" attribute to the first menu link item (parent item) through Home » Administration » Structure » Menus » Main menu » list links (OPERATIONS) » edit first menu link item (parent item) » enable the "Show as expanded" option.

Superfish module support

Skeleton 7.x-1.2 supports also the Superfish module. In order to implement Superfish menus in your Drupal installation with Skeleton theme, you should follow this guide:

Download Modules and Superfish Javascript library

1. Download and extract the Libraries module to sites/all/modules - http://drupal.org/project/libraries
2.Download and extract the Superfish module to /sites/all/modules - http://drupal.org/project/superfish
3. Create one extra folder with name "libraries" inside the sites/all folder, if this does not exist. Finally, the structure should be sites/all/libraries.
4. Download the Superfish library (for v1.8 use the library v1.1 https://github.com/mehrpadin/Superfish-for-Drupal/zipball/9dbdd14d08200a18cb76a68445c28b26bab16ed6) and extract it to sites/all/libraries/superfish (so that the superfish.js will be located at http://example.com/sites/all/libraries/superfish/superfish.js)

Finally, the folder structure should be like this:

• sites/all/modules/superfish (the Superfish module)
• sites/all/modules/libraries (the Libraries module)
• sites/all/libraries/superfish (the Superfish JavaScript)

Install modules

5. Enable the Superfish and Libraries modules through the Modules page of your Drupal installation (Home » Administration » Modules).

Basic Configuration

6. Superfish module uses the Drupal block system. Therefore, after the installation Superfish module has already created 4 Superfish blocks, which you can access through the Blocks configuration page (Home » Administration » Structure » Blocks). You will notice that the first one has the name "Superfish 1 (Superfish)" and this is by default connected with the Main menu. Click the configure link, set the Title "<none>" and finally place this block to the "Header" region.

jQuery Responsive Menu Plugin

Skeleton 7.x-1.2 comes also with the jQuery Responsive Menu Plugin (https://github.com/mattkersley/Responsive-Menu) which turns your site's navigation into a dropdown list when your browser is at mobile widths. The default switchWidth is 768px. You can find the javascript initialization at the bottom of the template.php file.

Thanks
/George