Forum

Bonjour.

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é) Deuxième soucis assez récent, dont j'en ignore la cause, c'est sur le forum. En effet, sur mobile toujours, je ne vois plus le nombre de messages / lectures ect .. Ce qui détruit un peu l'affichage du forum pour le coup.


Lien : http://forum-routier.fr/v4

Css du menu : style.css

Merci par avance

Édité par MickaelFR Le 08/04/2016 à 16h34

J'ai déjà réparé le forum ..

J'ai supprimé ceci fourni avec mon menu responsive :



Je ne sais pas à quoi ça pouvait servir, mais bon ..

Il me reste le problème de sroll sur le menu

Merci bien

position:fixed sur le menu donc non scrollable
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:
pour ton tableau tu as choisi de faire sauter le javascript au profit de la suppression de certaines colonnes en mobile, mais apparemment, ça n'a pas été appliqué aux colonnes du header de la table. 4 colonnes visible en header contre 2 en body => décalage

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

Salut.

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.

Bon, bah écoute, j'ai suivi ta première parti, et c'est parfait :



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

babsolune:

Les lignes <script xxxx> ? J'ai tout mis dans frame.tpl.

je ne peux pas te dire où exactement car ton cache css est activé

tu as quelque part

que tu peux remplacer par


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

Désolé, je ne sais pas pourquoi il s'active tout seul au bout d'un moment le cache CSS.

J'ai fais avec ta méthode. ça fonctionne pareil, mais différemment, dans le sens ou si j'ouvre un "onglet" il ne se ferme pas tant que je ne le ferme pas. Si j'en ouvre 4, les 4 resteront ouvert.

En revanche, le titre de navigation disparait pareil.

Édité par MickaelFR Le 08/04/2016 à 17h21