WRInaute discret
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?
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?