I have two banner modules, one to appear on small screens, the other on large ones. But this code doesn't work. Is there something preventing it?
/* Small screens */
@media (max-width: 768px) {
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
/* Large screens */
@media (min-width: 769px) {
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
}
Miltos
I have placed different banners in different positions, as a test. I have given two classes (one for small and one for large screen), so that I can control which screens they appear on. My problem is that the css I have made for them does not work and I cannot figure out what is wrong.
Miltos
Hi,
Please use the following classes for two your modules.
class="d-block d-lg-none"class="d-none d-lg-block"@"cssyeah"
it works fine. Thank you
Miltos