Soucis d'affichage sur mobile [Réglé]
forum et menu responsive personnel
Créations de Thèmes
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Je me permet de créer un sujet pour deux petites choses svp.
En effet, j'ai créé un petit menu responsive avec l'aide de Swan, mais je me retrouve confronté à un problème sur mobile.
En effet, il n'y a pas de scroll, donc, une fois le menu déplié, il m'est impossible de voir ce qui se trouve plus bas que mon écran. Impossible donc de descendre le menu, c'est l'arrière fond du site qui descend ou qui monte à la place (J'en déduis, car je vois un scroll bouger, mais le menu ne bouge pas).
Voici un screen :

(réparé)
Lien : http://forum-routier.fr/v4
Css du menu : style.css
Merci par avance

Édité par MickaelFR Le 08/04/2016 à 16h34
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai supprimé ceci fourni avec mon menu responsive :
Code JAVASCRIPT :
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
Je ne sais pas à quoi ça pouvait servir, mais bon ..
Il me reste le problème de sroll sur le menu

Merci bien
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
il faut jouer avec les media query
soit tu joue sur le menu-container
mobile => position: absolute
desktop => position fixed
soit tu joues sur le conteneur ul en le forçant en mobile à ne pas dépasser la hauteur du viewport (max-height: 100vh) et en déclarant tout ce qui dépasse en auto (overflow: auto)
Edit:
tu as supprimé l'appel de jQuery fourni avec le package du menu, mais ce n'est pas grave puisqu'il est implémenté dans pbt maintenant
Édité par babsolune Le 08/04/2016 à 16h38
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai à peu près compris la 1ère partie du message concernant la position fixed, mais le reste pas du tout
..Pour le fixed, je peux copier le code et passer en obsolute sur le CSS pour mobile? ça fonctionnera comme ça?
Pour le reste, j'ai rien saisi.
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Code CSS :
@media only screen and (max-width: 959px) { .menu-container { width: 100%; margin:auto; background: #3e96f3; position: absolute; z-index:999; } }
Tout est résolu, c’est super
(j'ai édité mon 1er message en même temps que tu as du poster concernant le problème du forum).Vraiment merci
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
tu as supprimé l'appel de jQuery fourni avec le package du menu, mais ce n'est pas grave puisqu'il est implémenté dans pbt maintenant
Les lignes <script xxxx> ? J'ai tout mis dans frame.tpl.
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
tu as quelque part
Code CSS :
.menu .show-on-mobile { display: block; }
que tu peux remplacer par
Code CSS :
.menu .show-on-mobile { display: block; max-height: 100vh; overflow: auto; }
avec cette méthode ton titre de menu (Navigation) reste toujours présent en haut de ta page quand tu scroll le site, et le contenu du menu devient scrollable
MickaelFR Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
En revanche, le titre de navigation disparait pareil.
Édité par MickaelFR Le 08/04/2016 à 17h21
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
