27802 sujets

CSS et mise en forme, CSS3

Bonjour à tous !
Voila un petit souci que je n'arrive pas à résoudre.
Je suis en train d'intégrer un bouton 'remonter' sur mon site.
Ca marche très bien lorsque j'affiche la page du site via mon pc, mais ne marche pas lorsque je veux y acceder via mon tél !?
C.a.d le bouton apparait bien en bas de page à droite sur la page lorsque je descend. Mais lorsque je regarde la même page avec mon tel, seul le contenu du bouton "Up" apparait en bas à gauche, comme si le css n'était pas pris en compte !?
Sur mon tel, je suis allée vider le cache du navigateur (chrome), mais rien n'y fait !
Dans mon fichier css, rien n'est spécifié pour ce bouton dans la partie 'Media query' (donc a priori pas de changement / support)
Alors j'ai du louper qlqchose, mais quoi ?
Merci pour vos suggestions Smiley smile
Voici mon code css

#haut {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99;
  border: none; outline: none; background-color: #afcf1f;
  color: white; cursor: pointer; padding: 10px; border-radius: 20px; font-size: 20px;}
#haut:hover {background-color: #ddd;}

Et voici la ligne de code dans le fichier html (juste avant la balise fin de body)

<button onclick="retourHaut()" id="haut" title="Retour haut de page">Up.</button>


PS: complètement autodidacte, je ne suis pas une pro mais j'avance petit à petit Smiley smile
Y'a peut être du media query pour du CSS englobant cet élément ?
Il faudrait plus de code (notamment CSS) et des screenshots.