Add jQuery Responsive Menu Plugin which turns your site's navigation into a dropdown () when your browser is at mobile widths. Default switchWidth: 768

/**
* Add Javascript for responsive mobile menu
*/
drupal_add_js(drupal_get_path('theme', 'skeletontheme') .'/js/jquery.mobilemenu.js');

drupal_add_js('jQuery(document).ready(function($) {

$("#navigation .content > ul").mobileMenu({
prependTo: "#navigation",
combine: false,
switchWidth: 768,
topOptionText: "Select page"
});

});',
array('type' => 'inline', 'scope' => 'header'));
//EOF:Javascript

Comments

gtsopour’s picture

gtsopour’s picture

Documentation
Responsive Drupal Skeleton theme Multi-level CSS/Superfish menus - http://drupal.org/node/1919042

sk33lz’s picture

FYI, there is a module for that.

http://drupal.org/project/tinynav

gtsopour’s picture

Thanks sk33lz for this info.

George

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary:View changes

Changed body text