Mon site n'est plus addaptatif [Réglé]
Depuis mon passage en 5.1
Créations de Thèmes
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 migré mon site en 5.1, celui-ci n'est plus adaptatif, notamment sur l'iPhone. On ne voit plus le menu déroulant horizontal, en haut du site.
Y a-t-il une raison à Ca ?
Cordialement.
Édité par sch Le 14/09/2017 à 05h25
Sébastien Chauveau : journaliste, producteur, réalisateur
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Cela a à voir avec le thème ScoopOldPost et pas avec PHPBoost.
En V5.0 le phénomène devait être le même. La balise top-header dans laquelle se trouve ton menu est cachée sur les écrans dont la taille est inférieure à 768 pixels.
Je laisse les designers t'aider à modifier /templates/ScoopOldPost/theme/design.css ligne 86 je pense.
Olivier.
Olivier
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Ce n'est pas le thème qui Bin's, il est comme cela.
Effectivement en format GSM, le div#top-header est en display:none. Donc votre menu n'est pas visible. De plus votre thème est en décalage avec votre contenu sur votre page index/news. Cela est du aux vidéo insérés et aux sons que vous y avez placé, car ils ne se place pas au format adaptatif.
Swan.
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Olivier.
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 :
Cordialement.
Sébastien Chauveau : journaliste, producteur, réalisateur
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Il te suffit de comparer
Olivier.
Olivier
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
display: none;associé à la classe CSS
#top-header
et éventuellement le mettre sur le contenu que tu veux réelement masquer.
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
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Code CSS :
div#top-header { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column;
Pas de display-none ici
Sébastien Chauveau : journaliste, producteur, réalisateur
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Ligne 376.
Swan.
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Code CSS :
oll-to { position: fixed; z-index: 10; background-color: rgba(15, 15, 16, 0.8); border-radius: 12px; }
J'ai le frichier originel au cas où
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
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Bon là j'ai du mal .. c'est pas le scroll-to à modifier.
Mais la ligne 376 du design.css Soit :
Code CSS :
div#top-header, div#visit-counter, .date { display: none;}
Ensuite cela ne fait pas tout ...
Swan.
Édité par Swan Le 14/09/2017 à 12h03
olivierb Membre non connecté
- Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
- Equipe Assistance
Dans l'hypothèse où il s'agit d'un menu géré par l'administration de PHPBoost, il y a un bouton radio qui permet de rendre ce menu actif ou non "Caché sur petit écran (mobile)". Ne serait-ce pas là qu'il faut regarder ?
Olivier.
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 :
Voici la partie modifiée :
Code CSS :
.scroll-to { position: fixed; z-index: 10; display: none; background-color: rgba(15, 15, 16, 0.8); border-radius: 12px; } div#top-header, div#visit-counter, .date { display: none;} #scroll-to-top { right: 25px; bottom: 0; padding: 2px 11px 3px 10px; transition: 0.2s; }
C'est bien ce qu'il fallait faire ?
Cordialement.
Sébastien Chauveau : journaliste, producteur, réalisateur
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie