Check your version

This video covers a topic in Drupal 7 which may or may not be the version you're using. We're keeping this tutorial online as a courtesy to users of Drupal 7, but we consider it archived.

Alternate resources: 

Configuring the Responsive Menus Module

Video loading...

Join Drupalize.Me to watch this video

Join today and gain instant access to our entire video library.

Log in Sign up
  • 0:03
    Configuring the Responsive Menus Module
  • 0:05
    with Amber Himes Matz
  • 0:07
    While there are many ways to style
  • 0:10
    a responsive, mobile friendly menu without a module,
  • 0:13
    in the spirit of getting started with responsive design,
  • 0:16
    and also in the spirit of using Drupal,
  • 0:19
    I've chosen to use the Responsive Menus module for the Anytown
  • 0:23
    Farmer's Market site, a contributed module
  • 0:26
    that we've also used here on the Drupalize.Me website.
  • 0:30
    In this lesson, we'll download and install Responsive Menus module.

Configuring the Responsive Menus Module

Loading...

Responsive Menus module enables a site builder to install and configure a responsive menu with very little CSS required. We'll walk through the configuration of the module using the media query we built in the previous lesson. We'll also add some CSS to hide our desktop navigation when the mobile menu is shown.

Downloads: 
Log in or sign up to download companion files.
Additional resources: 

Responsive Menus module (Drupal.org)
https://github.com/DrupalizeMe/demo-rwd-7x (checkout branch 09-responsive-menu-contrib-module)