Boa Tarde pessoal, na versão mobile, tem um retângulo branco transparecendo ao selecionar os banners, veja a imagem a baixo, dentro do retângulo vermelho:
outro problema é os numeros que aparecem junto com as setas de mudar de banner como na imagem abaixo:
Agradeço quer puder me ajudar! Obrigado
Site:
1 curtida
Teus_G
Abril 25, 2024, 6:18pm
2
Olá! Tem que comentar o código que foi inserido, remover ou mudar o display para hidden.
/*Comente o código, remova ou troque o display: block para display: hidden*/
.banner.cheio .flexslider .flex-direction-nav .flex-prev:before {
content: "f053";
font-family: "Font Awesome 5 Free";
font-weight: 700;
display: block !important;
width: 40px;
height: 40px;
background: none;
font-size: 14px;
text-align: center;
line-height: 40px;
color: #666;
}
/*Comente o código, remova ou troque o display: block para display: hidden*/
.banner.cheio .flexslider .flex-direction-nav .flex-next:before {
content: "f054";
font-family: "Font Awesome 5 Free";
font-weight: 700;
display: block !important;
width: 40px;
height: 40px;
background: none;
font-size: 14px;
text-align: center;
line-height: 40px;
color: #666;
}
Sobre o retângulo que fica no momento que vai mudar o slide do banner, acontece porque o flexslider está com um background branco. Como teria que estudar melhor as modificações, no momento, consigo amenizar a situação.
/* Suavizar a troca de banners */
@media only screen and (max-width: 767px) {
.flexslider {
background: black !important;
}
}
1 curtida
Bom dia Teus! o problema com os números eu consegui resolver, agradeço muito!
Só o problema do background branco que ainda não
Teus_G
Abril 26, 2024, 1:32pm
4
Verdade, foi um erro meu
@media only screen and (max-width: 767px) {
.abriga-fullbanner .flexslider ul.slides {
background: black !important;
}
}
1 curtida
Teus_G:
infelizmente não consegui Teus, continua dando erro nos scripts e sem resultado na versão mobile do site, mas muito obrigado pela atenção!
1 curtida
Teus_G
Abril 26, 2024, 2:32pm
6
O erro está acontecendo porque não fechou anteriormente. Tem que colocar o fechamento }
a.logo-agencia {
display: none !important;
}
3 curtidas
Certo!! resolvido Teus! otimo final de semana e obrigado pela ajuda
1 curtida