backgrounds in mobile version

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 hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

#latest-news, #full-width, #about, #projects {
  background-repeat: no-repeat;
  background-position: center; 
}

@media all and (max-width: 480px) /*or whatever width you want the change to take place at*/ {
  ##latest-news, #full-width, #about, #projects {
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover; 
 }
}

Best Regards,
Support

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; 
 }
}

?

Anyone can help me?