Menus responsifs [Réglé]
Avec le thème ScoopOldPost
Support Général
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Depuis que j'ai refait les menus <a href="http://sebastienchauveau.fr">de mons site</a>, ils ne s'affichent plus sur mon mobile : un Iphone6. A moins que ce ne soit des petites croix sur lesquelles il faille cliquer pour les faire afficher et que la revue d'écran de mon tel ne les voit pas ? Je précise que j'ai mis les menus en Horizontal et pas en Automatique. Peut-être le problème vient-il de là ? Swan m'avait dit que ce thème était responsif. Ca m'étonne donc qu'il ne s'affiche pas...
A vous lire.
Cordialement.
Sébastien Chauveau : journaliste, producteur, réalisateur
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Sur ce thème le sub-header se masque en version mobile. Du coup, le menu disparait avec.
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Sébastien Chauveau : journaliste, producteur, réalisateur
benflovideo Membre non connecté
- Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
- Equipe Modération
- Equipe Communication
Je pense qu'il vaut chercher dans le sens ou il faudrait modifier le thème pour rendre rendre le sub-header visible et responsive.
Benji
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Cdt
Sébastien Chauveau : journaliste, producteur, réalisateur
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
display:none;du
sub-header.
Le responsif te permet d'adapter le rendu en fonction de ce que tu veux mettre en avant. A la base, ce thème a été consu pour masquer le sub-header donc si toi tu le veux, il faut adapter le thème.
La responsivité ce n'est pas s'adapter à toute les situations, c'est s'adapter en fonction des situations que l'on veut.
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Sébastien Chauveau : journaliste, producteur, réalisateur
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Dans le thème ScoopOldPost, ça se passe visiblement ici :
Code CSS :
/* --- Partie superieure du header --- */ div#top-header { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; margin: auto; min-height: 185px; min-height: 185px; max-width: 1024px; }
Comment faut-il modifier les choses pour que le subheader s'affiche sur les terminaux mobiles ? J'ai comparé avec le thème base de PHPBoost et on retrouve visiblement le même code.
Petite précision qui a peut-être son importance : pour être sûr que les menus se mettent en horizontal, j'ai coché le type de menu à Horizontal dans la création de mes menus déroulants. A l'origine, ils étaient à Automatique. Peut-être ceci a-t-il son incidence ?
Cordialement.
Édité par sch Le 13/01/2017 à 11h00
Sébastien Chauveau : journaliste, producteur, réalisateur
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Que l'on ne me dise pas cette fois que je fais des doublons : pour éviter le mélange des genres, je me suis désabonné de EDN. Je ne risque donc pas de poser ma question sur les deux communautés
Sébastien Chauveau : journaliste, producteur, réalisateur
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Cordialement.
Édité par sch Le 13/01/2017 à 17h59
Sébastien Chauveau : journaliste, producteur, réalisateur
GravuTrad Membre non connecté
Booster Fuzil
- Booster Fuzil
- Voir le profil du membre GravuTrad
- Inscrit le : 12/01/2017
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
GravuTrad :
Je connaissais pas ce terme en français...étrange votre "responsif"...
Il est vrai que nous devrions employer les termes "adaptif" ou "auto adaptif" mais la francisation de responsive me plait bien
Olivier.
Édité par olivierb Le 13/01/2017 à 17h36
Olivier
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Sébastien Chauveau : journaliste, producteur, réalisateur
GravuTrad Membre non connecté
Booster Fuzil
- Booster Fuzil
- Voir le profil du membre GravuTrad
- Inscrit le : 12/01/2017
C'est ce que je mettrais dans mes fichiers langues si j'arrive à basculer le site.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie