Bom dia! Estou fazendo tudo de acordo com a aula, mas ao entrar no modo para celulares todos os banners tiveram uma problema, onde não estão mais retos e as pontos curvas, estão com várias curvas em diversos lugares. Veja a imagem:
Bom dia! Estou fazendo tudo de acordo com a aula, mas ao entrar no modo para celulares todos os banners tiveram uma problema, onde não estão mais retos e as pontos curvas, estão com várias curvas em diversos lugares. Veja a imagem:
Oi, Eduardo! Tudo bem?
De acordo com o que foi descrito, o problema com os banners no modo para celulares pode estar relacionado com a forma como as propriedades CSS estão sendo aplicadas ou herdadas em diferentes resoluções de tela, de forma que a nossa visualização muda para o modo celular. Isso pode ocorrer se as propriedades CSS responsáveis pelo arredondamento não estiverem configuradas para se adaptar às diferentes resoluções de tela, o que podemos tentar solucionar com as seguintes sugestões:
Verifique se as propriedades CSS que definem o arredondamento das bordas (como border-radius) estão corretas, podemos precisar ajustar essas propriedades para garantir que elas se apliquem corretamente em todas as resoluções de tela.
Podemos utilizar o media queries para ajustar as propriedades CSS especificamente para dispositivos móveis, por exemplo:
@media (max-width: 768px) {
.banner {
border-radius: 10px; // Ajuste o valor conforme necessário
}
}
Verifique o Elementor, se não há configurações específicas dentro do plugin que possam estar interferindo com a responsividade dos banners. Às vezes, configurações de margens, padding ou outros ajustes podem afetar como os elementos são exibidos em diferentes dispositivos.
Deixo como sugestão também o link da documentação do WordPress que orienta o uso do CSS.
Espero que essas sugestões ajudem a resolver o problema!
Um forte abraço e bons estudos!