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 :
Reprise du message précédent
Je pense avoir bien fait ce qu'il fallait. J'ai modifié le design.css dans le dossier du thème. Mais je n'obtiens rien de plus.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
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Dans ton code il est toujours présent.
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
sch :
Je pense avoir bien fait ce qu'il fallait. J'ai modifié le design.css dans le dossier du thème. Mais je n'obtiens rien de plus.
Voici la partie modifiée :
C'est bien ce qu'il fallait faire ?
Cordialement.
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.
Mais non ... c'est pas ça ..
A la fin de votre désign.css vous avez :
Code CSS :
/*====================================== Alls Media Queries CSS applique aux écrans PC ========================================*/ @media (max-width:768px) { body {font-size: 1.4em;} div#SuperGlobal {width: auto;} header#header {margin: auto; background:none; height:35px; margin: auto;width: auto;} div#top-header, div#visit-counter, .date {display: none;} /* cette ligne là : enlevez ceci devant ==> div#top-header, */ div#header-gsm {background-color:#ffffff; border-bottom:2px solid #cccccc; height:50px; text-align:center;} div#sub-header { background: #cccccc none repeat scroll 0 0; float: none; margin-right: 0; margin-top: 0; min-height: 35px; text-align: center; } .sub-container{display: none;} a#site-name { color: #DDDDDD; font-size: 2em; font-weight: bold; letter-spacing: 0em; line-height: 1.5em; text-shadow:none; } aside#menu-left {border-right: none;} aside#menu-right{border-left: none;} footer#footer { clear: both; margin: auto; width: 1250px; height: auto; } footer#footer .footer-infos { min-height: 40px; text-align: center; padding-top: 10px; } footer#footer {width:100%} .footer-infos a {color:#404040;} .footer-infos a:hover {color:#404040;} .footer-infos span { display: block; padding: 0 0 5px; } footer#footer .footer-infos { min-height: 40px; padding-top: 5px; text-align: center; } footer#footer .footer-infos span { color: #646464; font-size: 0.8em; } span.footer-infos-separator { display: none; } #prim-nav{display: none;} } @media (min-width:769px) { div#header-gsm{display: none;} } /* --- Scroll to Top --- */ .scroll-to { position: fixed; z-index: 10; display: none; background-color: rgba(15, 15, 16, 0.8); border-radius: 5px; } #scroll-to-top { right: 25px; bottom: 0; padding: 2px 11px 3px 10px; transition: 0.2s; } .scroll-to i { color: rgba(255, 255, 255, 0.8); transition: 0.2s; } .scroll-to:hover i { color: rgba(255, 255, 255, 1); transition: 0.3s; } @media (min-width: 769px) { #scroll-to-top { bottom: 25px; padding: 9px 11px 11px 10px; } .scroll-to i { font-size: 2em; } } @media (max-width: 768px) { #scroll-to-top:hover { padding: 9px 11px 11px 10px; transition: 0.3s; } }
Dans ce code repérez ceci :
Code CSS :
div#top-header, div#visit-counter, .date {display: none;} /* cette ligne là : enlevez ceci devant ==> div#top-header, */
Et appliquez la consigne de la ligne.
Pensez aussi à rafraichir vos caches css , dans l'administration.
Swan.
Édité par Swan Le 14/09/2017 à 13h51
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
ElenWii :
Nop il te fait supprimer le display none pour le top-header.
Dans ton code il est toujours présent.
Dans ton code il est toujours présent.
Ben là je ne comprends rien. QU'Est-ce qu'il faut mettre ? Et qu'Est-ce qu'il faut reetirer du coup ?
Oui biensûr, je régénère les cachs à chaque fois.
Édité par sch Le 14/09/2017 à 13h54
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
div#top-header, div#visit-counter, .date {display: none;}
par :
div#visit-counter, .date {display: none;}
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
ElenWii :
Comme l'indique Swan, tu remplace :
par :
div#top-header, div#visit-counter, .date {display: none;}
par :
div#visit-counter, .date {display: none;}
Ok. C'est ce que j'ai fait, ici :
/
Code CSS :
*====================== --- Scroll to Top --- =======================*/ .scroll-to { position: fixed; z-index: 10; display: none; background-color: rgba(15, 15, 16, 0.8); border-radius: 12px; } div#visit-counter, .date {display: none;} #scroll-to-top { right: 25px; bottom: 0; padding: 2px 11px 3px 10px; transition: 0.2s; }
Et ça ne s'affiche toujours pas sur mon IPhone. J'en conviens, je n'ai pas un grand écran. J'ai bien régénéré tous les cash, navigateurs et site PBT. Quelqu'un peut-il tester de son tél. ? Ca vient peut-être de chez moi ?
Édité par sch Le 14/09/2017 à 15h37
Sébastien Chauveau : journaliste, producteur, réalisateur
janus57 Membre non connecté
- Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
- Equipe Assistance
je pense qu'il serait utile de préciser le modèle d'iphone vu qu'il n'ont pas tous la même résolution, voir même de donner la résolution du téléphone.
Cordialement, janus57
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Tu travail en local ?
Désactive le cache CSS si tu travail sur ton site.
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Est-ce mieux ainsi ?
Aussi, j'utilise un Iphone6 : normal pas un plus. C'est donc un petit écran.
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 :
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
je ne sais pas ou tu fait les modifications, mais à priori pas dans le bon fichier.
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Voilà, ça marche à nouveau, même sur mon petit écran d'IPhone
Quelqu'un peut-il juste me dire si de son côté tout est ok niveau design ? Parce que j'utilise des vieilles versions d'IE et de Mozilla. Et aussi me dire si je dois à nouveau réactiver l'option de régénération des cachs CSS de mon site. Je les avais désactivé pour les modifications.
D'avance, merci.
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
Le menu s'affiche sur petit écran (testé via la commande CTRL+MAJ+M de Firefox ainsi que depuis Safari sur mon iPhone) mais il y a un gros (?) problème : le menu vient s'insérer au dessus du message de bienvenue de ton site en mode horizontal.
Peut-être le verras-tu sur cette copie d'écran :
Dans l'administration des menus, tu devrais régler celui-ci en type automatique.
Olivier.
Édité par olivierb Le 15/09/2017 à 09h28
Olivier
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
height: 35px;ligne 518 et que tu ajoute un
clear: both;ligne 187.
Après je ne comprend pas ton menu. Tu as 5 menus au lieu d'un seul avec 5 sous menus.
Et il faut que tu adapte les couleurs vu que le header est blanc. (et le texte aussi)
sch Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre sch
- Inscrit le : 28/09/2010
- Site internet
- Groupes :
Gros problème de menus effectivement. Je ne m'en étais pas rendu compte. Avec la migration, le menu du header, qui est normalement un menu horizontal déroulant avec 5 sous-menus, s'est transformé en 5 menus verticaux ; et les menus de gauche, Mes diffuseurs, comme la bannière d'autopromo, qui sont des menus verticaux, ne se voient plus ! Comment cela se fait-il, alors que je n'ai rien touché ! Pareil pour les couleurs du header, tout était parfait dans l'ancienne version.
A priori, je ne suis pas le seul qui connais des soucis avec cette migration. A c'est fonctionnel, mais c'est détruit
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 nous faudrait la table menu en 5.0 pour vérifier que ce que tu écris est réel
Concernant les couleurs du Header, tu as dû la modifier en 5.0 et tu n'as pas reporté tes modifications en 5.1 dans le thème. Je ne vois que ça
Olivier.
Olivier
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie