Dear CSS swamis,
I'm having a problem with the
theme I'm working on. I tried to figure this out on my own, but I must say I'm kind of lost here.
The problem I have, is that the left sidebar, which should collapse below a certain screen width, actually doesn't. If I switch to the "dark" schema I kept from the Redbasic theme, it works as expected. After looking into it, I found that it seems to be related to this part of the style.css file of the theme:
@media screen and (max-width: 992px) {
aside#region_1 {
border-right: 1px solid $nav_bd;
}
main {
left: -$aside_widthpx !important;
width: calc( 100% + $aside_widthpx ) !important;
}
main.region_1-on {
left: 0px;
}
Oddly, when I use the "dark" schema, those properties are applied, but when I switch to the default schema they are not. Both "dark" and default schemes pick their CSS properties for
main in the theme's style.css file and in the view/css/default.css file. Except that the default schema does not use the
@media screen and (max-width: 992px) section.
I'm missing something here, but I don't know what. Would anyone know what I should do?
;