Responsive Fusion Themes and Internet Explorer
Last updated April 3, 2012. Created by esmerel on April 3, 2012.
Edited by shamio. Log in to edit this page.
Responsive layouts rely on CSS3 media queries, which are not supported prior to IE 9. Fortunately, the JavaScript library css3-mediaqueries can be used to simulate that behavior, and Fusion provides easy integration.
To accomplish this integration:
- Download and enable the Libraries module: http://www.drupal.org/project/libraries
- Download the css3-mediaqueries-js library: http://code.google.com/p/css3-mediaqueries-js/
- Save css3-mediaqueries.js into sites/all/libraries/css3-mediaqueries/css3-mediaqueries.js
- Enable the "Responsive layouts for IE 6-8" module, which is bundled with Fusion Accelerator.
- In your theme settings, make sure the "Support IE 6-8" option has been checked. (It's checked by default.)
When IE 6-8 is detected, the library will be loaded automatically.
In order for the library to work, CSS aggregation must be enabled. (This is also the case with respond.js) To turn on aggregation, go to admin/config/development/performance and click the "Aggregate and compress CSS files" checkbox.