Menu qui ne veut pas disparaitre...

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par karine - AAM, 31 Octobre 2018.

  1. karine - AAM
    karine - AAM WRInaute discret
    Inscrit:
    26 Janvier 2007
    Messages:
    61
    J'aime reçus:
    2
    Bonjour,

    Je me lance dans l'adaptation de mon vieux site aux nouveaux écrans, et je voulais commencer par quelque chose de simple... enfin, d'après ce que je lis sur internet, parce que moi, même en copîant le code, je n'y arrive pas.

    Il s'agit de faire disparaitre un menu qui est à gauche : cela aide à naviguer sur le site sur un PC, mais je vois qu'avec un mobile, ce menu prend trop de place, alors je suis en train de changer les menus du haut pour pouvoir s'en passer.

    Alors j'ai fait ça dans mon fichier css :

    J'avais le menu suivant :
    #menugauche {
    font-size:1em;
    position: absolute;
    top:250;
    left:0px;
    width: 250px;
    }

    et j'ai ajouté :
    @media (only (screen and (max-device-width < 900px))) {
    #menugauche
    {
    display: none;
    }
    }

    Ben, rien ne se passe... sur PC et sur smartphone, c'est pareil, le menu reste...
    http://www.art-et-artisanat-du-monde.com/francais/index/index.php

    Est-ce que quelqu'un veut bien me guider un peu?
     
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    2 091
    J'aime reçus:
    378
    Je ne suis pas sûr que votre @media soit juste, moi je fais :

    @media screen and (max-width:900px) {
     
  3. karine - AAM
    karine - AAM WRInaute discret
    Inscrit:
    26 Janvier 2007
    Messages:
    61
    J'aime reçus:
    2
    merci pour le conseil; alors, j'ai essayé, et ça m'apporte quelque chose quand on redimensionne la fenêtre sur un PC.
    C'est vrai que ça me manquait aussi, alors j'ai mis une condition comme ça. Merci!

    Mais j'ai vérifié sur téléphone, ça ne change rien. Il doit y avoir un petit quelque chose qui manque?
     
  4. karine - AAM
    karine - AAM WRInaute discret
    Inscrit:
    26 Janvier 2007
    Messages:
    61
    J'aime reçus:
    2
    Ah, attendez, ça vient de se déclencher sur mon téléphone! après une dizaine de rafraichissement, il a fini par comprendre!

    merci!
     
  5. julien57250
    julien57250 Nouveau WRInaute
    Inscrit:
    17 Janvier 2012
    Messages:
    15
    J'aime reçus:
    0
    Bonjour,
    Il y a toujours une problème de compatibilité mobile à ce que je vois ?
     
  6. karine - AAM
    karine - AAM WRInaute discret
    Inscrit:
    26 Janvier 2007
    Messages:
    61
    J'aime reçus:
    2
    Bonjour,
    Ah, je ne m'en suis pas occupée, j'étais malade... de mes derniers tests, le menu disparait bien sur un smartphone. mais je n'ai pas eu l'occasion de faire d'autres tests, c'est pour ça que je n'avais pas fermé le sujet.
    Est-ce que vous avez testé mon site sur un mobile?
     
  7. julien57250
    julien57250 Nouveau WRInaute
    Inscrit:
    17 Janvier 2012
    Messages:
    15
    J'aime reçus:
    0
    Pardon, oui le menu de gauche disparaît bien. Par contre il faudra pensé à le rendre responsive votre site ;)
     
Chargement...
Similar Threads - Menu disparaitre Forum Date
Pourquoi mon menu disparait sur mobile ? Développement d'un site Web ou d'une appli mobile 24 Juin 2022
Une page qui ne figure pas sur un menu Débuter en référencement 11 Avril 2022
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
Menu, liens et maillage du site Débuter en référencement 6 Janvier 2022
Optimisation d'une page : Titre du Site et Menu comment les inclure? Débuter en référencement 13 Septembre 2021
Obfuscation d'un mega menu Techniques avancées de référencement 6 Juillet 2021
Google mobile first index et menu Référencement Google 19 Mars 2021
Ne pas faire apparaître les sous-pages dans le menu : impact sur leur référencement ? Débuter en référencement 21 Février 2021
Menu pour mobiles et tablette Développement d'un site Web ou d'une appli mobile 19 Janvier 2021
Position 1 avec menu affiché Référencement Google 4 Janvier 2021
Etanchéité cocon sémantique et liens menus footer Netlinking, backlinks, liens et redirections 25 Octobre 2020
Menu qui disparait en version mobile Développement d'un site Web ou d'une appli mobile 9 Octobre 2020
site menuiserie Demandes d'avis et de conseils sur vos sites 27 Septembre 2020
Lien externe sponsorisé menu/page accueil Wordpress Débuter en référencement 9 Août 2020
Astuce Bootstrap/menu déroulant Demandes d'avis et de conseils sur vos sites 26 Mai 2020
WordPress Menu et catégories multiples (AND et pas OR) Développement d'un site Web ou d'une appli mobile 21 Février 2020
Comment faire une structure en silo avec un menu de navigation ? Référencement Google 4 Février 2020
WordPress Cocon sémantique et CMS : liens menu et footer Référencement Google 18 Novembre 2019
Le menu n'apparait pas dans l'interface Google Ads AdWords 17 Novembre 2019
Conserver ou non le nofollow sur menu Netlinking, backlinks, liens et redirections 9 Octobre 2019