Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

souci avec les smartphones

Rémi
le 13 décembre 2016
à 10:44
Rappel du sujet :

Hello,

le menu horizontale n’apparaît pas en visionnant un site sur un smartphone !
Y a t’il une solution pour pouvoir naviguer

Merci d’avance

souci avec les smartphones

Bonjour Rémi,

Merci de nous mettre le lien du site sur lequel regarder votre affichage ....

souci avec les smartphones

Bonjour

Ceci est parfaitement normal : quelque soit le menu choisi, il disparaît dès que l’écran fait moins de 640px.
En revanche, il est remplacé par un menu spécifique que l’on peut dérouler en tapant sur "MENU" en haut à droite de l’écran, au-dessus du bandeau.

Ne vois-tu pas ce menu ?

souci avec les smartphones

pas de menu en haut à droite 🙁

souci avec les smartphones

avec la version Escal 3.78.47 - stable

le menu apparaît sans souci
voir sur www.cycles-passion.ch

souci avec les smartphones

Et quand tu réduis la fenêtre du navigateur sur ton ordi à moins de 640px de large, vois-tu le menu mobile apparaître ?

Une URL pour voir ?

souci avec les smartphones

toujours pas de menu même sur le PC
voici une copie d’écran
www.virginie-sudan.ch

souci avec les smartphones

En effet c’est très bizarre. Le javascript nécessaire à l’affichage du menu mobile n’est pas présent dans le "body" de la page.

Je vois que tu utilises CKeditor. Peux-tu essayer de le désactiver puis de vider le cache de spip et regarder si ça résout le problème ?

souci avec les smartphones

désactivation de CKeditor
vider le cache
et toujours pas de menu !

souci avec les smartphones

Ok, c’est donc pas ça.

As-tu des fichiers dans un dossier /squelettes ?

souci avec les smartphones

Je pense avoir trouvé !
Tu as une copie de inc-pied.html dans /squelettes/inclusions qui a été fait à partir d’une version d’Escal qui ne gérait pas encore le menu mobile

Rajoute ce code en fin de fichier et ça devrait aller mieux

<!-- javascript pour le menu sur mobile -->
<script src="#CHEMIN{scripts/jquery.slicknav.js}" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('#menumobile').slicknav();
			});
</script>
souci avec les smartphones

Super !!!
ça fonctionne 🙂
Désolé pour le dérangement et merci pour tout.
Encore une petite question :
avec la version Escal 3.78.47 - stable
le menu apparaît sans souci
voir sur www.cycles-passion.ch

Pourquoi avoir abandonné cette version ?

Belle fin de journée et encore merci

souci avec les smartphones

Bonjour,

Grâce à ce post, j’ai corrigé un bogue.
Suite à la lecture du post, j’ai vérifié mes sites.
J’ai découvert que l’un n’était pas responsive.
J’en ai cherché les causes.
Le fait de le mettre compatible html5 a resolu le problème.
j’avais un diaporama cycle 2 qui n’est responsive qu’avec html5.
Pour pouvoir me mettre en html5, j’ai du enlever les compressions

souci avec les smartphones

Parce que le menu horizontal n’est pas du tout responsive et va donc générer un "ascenseur" horizontal pas très pratique sur un smartphone.

De toutes façons, cette version n’était pas du tout responsive.

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.15