Drupal Association members fund grants that make connections all over the world.
This Drupal module provides IE 6-8 support for responsive themes. It uses Respond.js, delivering lightweight, fast support for
max-width CSS3 media queries. This module simply loads the JS library and optionally supports Libraries API.
Respond.js lives on Github, so look for documentation, code, and downloads over there.
Designed for IE 6-8
If you only need to support IE9+ or Edge, you do NOT need this module! \o/ If you do need to support IE 6-8, please use this module and continue filing issues. We will attempt to support them as best we can.
Why should I use a module?
Since respond.js is a presentational script, its placement within your HTML can dramatically impact page performance and execution time, especially on less capable browsers with slower JS engines. This module takes the guesswork out of placement and puts the script where it will be most effective.
- Optimal location is in the
<head>after your CSS but before most* JS files.
- Placing Respond too low in HTML or after too many other JS requests can delay IE's execution by whole seconds, resulting in poor UX.
- Placing Respond in the .info file of a theme causes Drupal to aggregate it with other JS files, which will also delay execution time.
- Theme maintainers should recommend this module to save themselves the trouble of keeping the script updated, and also to save the trouble of fielding support requests (see next section).
Hey, this thing isn't working!!
Go to /admin/config/development/performance. Enable Aggregate and compress CSS files.
Respond.js only works on
<link> tags; it will not work on
@import stylesheet calls. Drupal 7 uses
@import when CSS aggregation is disabled, but uses
<link> when CSS aggregation is enabled. The module will complain with an admin error until you enable aggregation.
You could also install the Link CSS module, but honestly it's still better to do any real testing with CSS aggregation enabled.
<html> may be more important to you than legacy IE support, so you might want those before respond.js. Review your analytics before you decide!
8.x Branch Notes:
- Right now there isn't a fancy implementation for pulling the library externally, though that should definitely happen at some point. Right now it's just packaged up with the module.
- Maintenance status: Minimally maintained
- Development status: Maintenance fixes only
- Reported installs: 9,741 sites currently report using this module. View usage statistics.
- Downloads: 356,745
- Last modified: January 12, 2016
- Stable releases are covered by the security advisory policy.
Look for the shield icon below.