Responder helps you create responsive, mobile-first themes in Drupal. It applies CSS3 @media queries to stylesheets added by modules. This allows you to create mobile-first layouts without having to override countless module stylesheets that were designed for the desktop.

Responder does NOT alter theme stylesheets or print stylesheets, only CSS added by Drupal core and contrib modules. It is cache-aware, wrapping media queries around the preprocessed files when they are built. The media queries can be configured via the admin interface.

Example

<link type="text/css" rel="stylesheet" href="..." media="all">

Turns into

<link type="text/css" rel="stylesheet" href="..." media="all and (min-width: 720px)">

Project information

  • caution Seeking co-maintainer(s)
    Maintainers are looking for help reviewing issues.
  • caution Maintenance fixes only
    Considered feature-complete by its maintainers.
  • chart icon13 sites report using this module
  • Created by rupl on , updated
  • shieldStable releases for this project are covered by the security advisory policy.
    Look for the shield icon below.

Releases

7.x-1.0 Stable release covered by the Drupal Security Team released 25 September 2011
Works with Drupal: 7.x
✓ Recommended by the project’s maintainer.

Using Composer to manage Drupal site dependencies