Useful Extension - Great Support
I installed this extension for a client who was struggling not being able to preview article changes before publishing them. You do have to have one instance of the article published before it can work...I advised my client to save simply 'page under construction' in the first instance and go from there.
So a useful extension definitely. Plus the developer did a great job sorting out a conflict that occurred with another extension.
Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around
- Modify the width of column in our grid
- Stack elements instead of float wherever necessary
- Resize headings and text to be more appropriate for devices
Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.
Bootstrap supports a handful of media queries in a single file to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:
|Label||Layout width||Column width||Gutter width|
|Phones||480px and below||Fluid columns, no fixed widths|
|Phones to tablets||767px and below||Fluid columns, no fixed widths|
|Portrait tablets||768px and above||42px||20px|
|Default||980px and up||60px||20px|
|Large display||1200px and up||70px||30px|