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:
    62
    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:
    1 776
    J'aime reçus:
    269
    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:
    62
    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:
    62
    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:
    62
    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
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