Hello
I installed a large Logo. I tried to make it responsive reducing its size with the following code but only the first block works:
@media only screen and (max-width: 1240px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 900px;
}}
@media only screen and (max-width: 980px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 700px;
}}
@media only screen and (max-width: 640px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 500px;
}}
@media only screen and (max-width: 400px) {
.logo_container, h1.logo, h1.logo a, #logo {
width: 330px;
}}
More questions follow
regards