WordPress Imagens sobrespostas (div) em wordpress

[Bruna Siqueira]

Boa tarde,

estou finalizando um site e coloquei varias imagens em div, porém no celular elas ficam todas bagunçadas, tem alguma forma de eu colocar essas imagens com algum plugin, ou essas DIVs serem responsivas? (imagens das folhas na lateral esquerda e das baianas na base lateral direita)

o codigo css é:

#baianas {
position: absolute;  
width: 500px;  
height: 335px;   
bottom: 0px;  
right: -250px; 
background-image: url("http://bsmaiscomunicacao.com.br/estacao/wp-content/uploads/2018/08/baianas.png");  
background-repeat: no-repeat;
}

 

e no html coloco:

<div id="baianas"></div>

[navegantenarede]

@Bruna Siqueira você pode definir como esses elementos serão exibidos em diferentes telas (com diferentes resoluções) usando media queries, dá uma olhada nesse exemplo da W3Schools.

[DiF]

@Bruna Siqueira Olá, 

Nesse caso o ideal é usar as medias queries  para definir as regras que serão mudadas para os elementos em certas resoluções.

Então para a resolução do celular, defina para as imagens serem a nível de bloco e serem empilhadas uma a baixo da outra.

https://www.w3schools.com/css/css3_mediaqueries_ex.asp