Désactiver menu sur PC
zespirit Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre zespirit
- Inscrit le : 23/10/2014
- Groupes :
Il y a possibilité de désactiver des menus sur mobile.
Est-il possible de faire la même chose dans le sens inverse, cad activer l'affichage exclusivement sur mobile ?
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
Possible en passant par les css
Déclarer le menu
Récupérer l'id du menu via l'inspecteur du navigateur
Déclarer le menu en display:none au delà d'une certaine taille d’écran
par exemple :
Code CSS :
@media (max-width: 768px) { [id="cssmenu-1364"] {display: none;} }
zespirit Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre zespirit
- Inscrit le : 23/10/2014
- Groupes :
Merci beaucoup
zespirit Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre zespirit
- Inscrit le : 23/10/2014
- Groupes :
Je trouve bien le menu via l'inspecteur, mas comment récupérer l'id ?

zespirit Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre zespirit
- Inscrit le : 23/10/2014
- Groupes :
Je suppose qu'il correspond à <aside id="left-menu"> !?!
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
2 - dans le module-mini-content
du coup je n'avais pas pensé au conteneur du menu
donc autre méthode
une fois que tu as défini l'emplacement du menu, il faut calculer sa place dans la colonne puis appliquer la même méthode
exemple
colonne de droite
-- mini menu téléchargement
-- mini menu galerie
-- menu de lien à cacher en desktop
-- mini menu sondage
...
ici le menu est placé en 3eme position =>
Code CSS :
@media (max-width: 768px) { aside#menu-right .module-mini-container:nth-child(3) {display: none;} }
zespirit Membre non connecté
Booster Fuzil
-
Booster Fuzil
- Voir le profil du membre zespirit
- Inscrit le : 23/10/2014
- Groupes :
Code CSS :
@media (min-width: 768px) { aside#menu-right .module-mini-container:nth-child(3) {display: none;} }
Je suppose que cele sous-entend :
Si la largeur est au minimum de 768px, on désactive l'affichage du 3ème menu à droite !?!
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
tu peux ajouter des options dans le media query pour affiner l'affichage : @media ...
<a href="https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/mise-en-page-adaptative-avec-les-media-queries">https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/mise-en-page-adaptative-avec-les-media-queries</a>
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
