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 058
    J'aime reçus:
    108
    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
Mauvais affichage menu en https (https imposé par google) Développement d'un site Web ou d'une appli mobile 15 Juin 2019
Modification du menu perte de trafic Demandes d'avis et de conseils sur vos sites 8 Mai 2019
Votre Avis sur le référencement d'un menu ou d'une page de listing Demandes d'avis et de conseils sur vos sites 7 Mars 2019
Comment hiérarchiser les liens de menu présentés sous son site dans Google Référencement Google 6 Février 2019
Mega menu : Nofollow ou Obfuscation de lien ? Netlinking, backlinks, liens et redirections 5 Février 2019
Redirection 301 et menu Crawl et indexation Google, sitemaps 1 Février 2019
problème lien menu deroulant sur wix Demandes d'avis et de conseils sur vos sites 23 Janvier 2019
Risque en modifiant les onglets du menu ? Référencement Google 31 Décembre 2018
nofollow sur les éléments de menu : impact référencement Demandes d'avis et de conseils sur vos sites 27 Novembre 2018
Menu de navigation, diversité des ancres de liens et SEO Référencement Google 24 Octobre 2018
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice