Je développe une version mobile de mon site weben utilisant le Flexslider, qui est utile en raison de ses propriétés fluides. Cependant, si vous le regardez sur un navigateur mobile, les arrêts sont mal alignés et le reste des zones du site se cachent derrière les images. Cela peut être dû à un positionnement quelconque, mais je fais le gros de mon débogage sur mes navigateurs habituels et je modifie simplement l'agent utilisateur pour qu'il me montre la version de mon application mobile.
Si vous accédez au site à partir du navigateur modifié par un agent utilisateur sur votre ordinateur, il ressemblera à ceci (c'est ce à quoi je veux qu'il ressemble):
Si je regarde le site sur le téléphone devsuper.artistcon.com, vous verrez que les flèches sont mal alignées et que les éléments du repliable passent sous les images:
Toute l'aide pouvant etre apportée serait très appréciée.
Réponses:
0 pour la réponse № 1Essayez de vérifier si votre propriété css a les caractéristiques suivantes
.flexslider {
background: none repeat scroll 0 0 transparent;
margin: 0 0 60px;
position: relative;
padding: 0;
}
.flex-direction-nav a {
display: block;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
Je suppose que vous n'avez pas en haut: 50%; propriété dans votre .flex-direction-nav a règle