IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Affichage menu en version mobile


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    Juillet 2021
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2021
    Messages : 2
    Par défaut Affichage menu en version mobile
    Bonjour à tous,

    Je suis un novice dans le développement web, mais j'ai réalisé un site web à partir d'un Free Template. J'ai fait toutes les pages. Le site fonctionne bien avec un navigateur classique sous PC. Mais lorsque que je suis sur la version mobile les liens des menus (uniquement) ne fonctionnent pas. Lorsque que je clique dessus il ne se passe rien.

    Bref je suis face à un mur, je ne sais vraiment ce que je dois modifier.
    S'agissant d'un site pour un établissement scolaire, je ne sais pas si je peux mettre le lien.
    Je mets un lien vers le Template d'origine, qui rencontre le même problème.

    https://nc-lycees.netocentre.fr/s/fLoQZfrZ4Z2kEN2

    D'avance merci.

  2. #2
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Bonjour,

    Dans le fichier main.js, ligne 301, remplacer
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
       	$("body").on("click", ".main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a", function(e) {
          e.preventDefault();
    par :
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
        	$("body").on("click", ".main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a[href^='#']", function(e) {
          e.preventDefault();

  3. #3
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    Juillet 2021
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2021
    Messages : 2
    Par défaut
    Ca fonctionne !

    Merci beaucoup,
    bonne soirée.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Liste menu (navbar) n'apparait pas version mobile
    Par oteksolnet dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 19/10/2020, 09h42
  2. Quel css pour un menu "burger" version mobile
    Par duboi dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 12/04/2019, 17h53
  3. Affichage de la version mobile
    Par MInfo25 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 12/09/2018, 19h26
  4. Erreurs affichage sur version mobile en 3G/4G
    Par Ziigmund dans le forum Performance Web
    Réponses: 0
    Dernier message: 23/06/2015, 16h26
  5. [CSS] espace avant affichage menu
    Par calimero82 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/05/2005, 09h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo