Bonjour
Je pense que cela est peut être du à un problème de priorite de selecteurs?
Si je ne mets pas la classe with-right-sidebard dans le css, la media-query bien entendu fonctionne.
Cela ne fonctionne pas mon plus si je mets grid-body.with-righ-sidebar ou with-right-sidebar >.
Je pense que cela est peut être du à un problème de priorite de selecteurs?
<body id="top" class="grid-body with-rigth-sidebar" >
<div class="col-body--content"><p>Content</p></div>
<div class="col-body--left"><p>Left</p></div>
<div class="col-body--middle"><p>Middle</p></div>
<div class="col-body--right"><p>Right</p></div>
.col-body--left,
.col-body--middle,
.col-body--right {
display: none;
}
@media (min-width: 1024px) {
.with-right-sidebar .col-body--content {
display: none;
}
.with-right-sidebar .col-body--right,
.with-right-sidebar .col-body--middle,
.with-right-sidebar .col-body--left {
display : block;
}
}
Si je ne mets pas la classe with-right-sidebard dans le css, la media-query bien entendu fonctionne.
Cela ne fonctionne pas mon plus si je mets grid-body.with-righ-sidebar ou with-right-sidebar >.