What it does:
Context Breakpoint brings CSS media queries to the server.
By using Context and Breakpoints (which will be moved into the core in Drupal 8) you can alter the page based on the visitors screen resolution, browser window size, or aspect ratio.
A new context condition "Breakpoint" is available after install.
Example use cases:
- Use a special narrow template for screens smaller than 800px in width.
- Add an additional block when the browser window is higher than 600px
Adaping to resolution should mostly be done with CSS (and media queries),
but sometimes you just can not do everything you need to in plain CSS, and more extensive changes - like different markup - are required.
Also, after changing the browser size, a reload will obviously be required
for the changes to show up. For this purpose, you can use the auto-reload feature (see below).
Supported media queries
When configuring the context condition, you can enable the "Auto-reload" feature.
When active, the page will automatically refresh when a breakpoint becomes active or inactive. This is as responsive as this technique can get.
Nothing special here, just place it in your sites/all/modules directory and enable it.
Dependencies: Context, Ctools (for context).
How to use:
See the README.txt under Configuration for setup instructions.
This module has implications for using the Drupal page cache.
Check the README.txt under CACHING for a detailed explanation and possible solutions.
A more detailed explanation is in the README.
- Maintenance status: Actively maintained
- Development status: Under active development
- Module categories: Content Display, Theme Enhancements
- Reported installs: 1,662 sites currently report using this module. View usage statistics.
- Downloads: 9,571
- Last modified: December 2, 2014
- Stable releases are covered by the security advisory policy.
Look for the shield icon below.