saguaros
Hi!
Here is what I have written in template.css
@media (min-width: 220px) and (max-width: 479px){
.none-xs {
display: none;
}
.fixel-grid .items article .item-desc h2 {
font-size: 10px !important;
}
.article-header h1 {
font-size: 20px;
}
.search-xs {
margin: -4px 0 20px !important;
}
.masthome {
display: block !important;
}
}
}
@media (min-width: 480px) and (max-width: 767px){
.none-sm {
display: none;
}
.article-header h1 {
font-size: 28px;
}
}
@media (min-width: 768px) and (max-width: 1023px){
.none-md {
display: none;
}
}
@media (min-width: 1024px) and (max-width: 1365px){
.none-lg {
display: none;
}
}
@media (min-width: 1366px) and (max-width: 2732px){
.none-gg {
display: none;
}
}
I think I took all the screen sizes into account. For size from 480 to 768 there is a rule. But I can not understand why this rule does not work??
