Background not redimension on cellphone.
image 01 – about section (sobre)
image 02 – projects (eventos)
image 03 – latest news (novidades)
How I can fix this?
I put the code in CSS but it did not work, the BG still does not resize.
I tried to put the “!important” tag after the code but it also did not work.
/*redimension bg*/
#latest-news, #full-width, #about, #projects {
background-repeat: no-repeat!important;
background-position: center!important;
}
@media all and (max-width: 667px) /*or whatever width you want the change to take place at*/ {
##latest-news, #full-width, #about, #projects {
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
}
}