Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
How to exclude ie8 and below from applying the media query in my css.
example:
.view-display-id-advertise {
$zen-column-count: 8;
$zen-gutter-width: 20px;
@include zen-grid-container;
@media all and (min-width: 960px) {
.views-field-field-image {
@include zen-grid-item(4, 1);
}
.views-field-body {
@include zen-grid-item(4, 5);
}
}
}
Thank you,
Comments
Comment #1
KrisBulman CreditAttribution: KrisBulman commentedDo you want the entire mq to not display at all in IE8? If that's the case, disable respond.js and you're done.
If you want to serve these styles to IE8 as well as to a mq, you should probably track this ticket:
#1539682: Turn off Respond.js by default, use .lt-ie9 rules for IE8 layouts
Here is an interim solution (only lightly tested):
1. Disable respond.js
2.
The problem with this solution however is that there is a bug in the '&' selector that does not allow it to be set on base selectors, in order for it to work you need to nest the respond-to mixins inside another selector. (which is why it works here). But it's not a deal breaker.. writing:
Gives the same output as writing this:
Bug reference: https://github.com/nex3/sass/issues/286
Comment #2
JohnAlbin