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