Gestion du responsive (version téléphone)

Support Mise en page
#1

Bonjour à toustes,
Depuis presque un an j’ai créé un wiki pour un projet. Cependant j’ai un problème d’affichage sur téléphone. Le wiki ne prend alors que la moitié de la largeur de l’écran.

Voyez plutôt : Sciences marines : Bienvenue

Comment est géré le responsive sur yeswiki ? Sauriez-vous si il est possible de régler, paramétrer cela ? Si oui comment ?

Merci par avance

Guillaume

#2

Bonjour Guillaume,
C’est vraiement étrange, normalement l’adaptation au format de l’écran devrait être ok

En inspectant le code je vois que c’est la partie « PageRapideHaut » qui provoque cet effet de bord, pourtant ton code est correct et je n’arrive pas à reproduire le bug sur un autre wiki.
Peux tu préciser quel est ta version yeswiki et quel est la version du theme ?

#3

Bonjour,
Merci pour ta réponse. Oui je n’ai jamais eu ce problème sur d’autres wiki.
Je suis sur la version doryphore 4.4.2. Il m’est proposé une MAJ vers 4.4.4.
Oui j’ai été voir la pages dont tu parle il n’y a rien de particulier dedans. C’est étrange.
Bonne journée

#4

Je me permet de faire remonter légèrement ce post, car je suis toujours en recherche de réponse à ce problème :wink:

Je précise que j’utilise du CSS custom avec pagecss la voilà :

""<style>

h1 {
  font-size: 32px;
  font-family: 'Raleway', sans-serif;
  color:#534898ff;

}

h2 {
  font-size: 28px;
  font-family: 'Raleway', sans-serif;
  color:#534898ff;

}

h3 {
  font-size: 20px;
  font-family: 'Raleway', sans-serif;
  color:#49c0e7ff;
}

h4 {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  color:#49c0e7ff;
}

h5 {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  color:#49c0e7ff;
}

body {
	font-family: 'Asap', sans-serif;
	
}

a {
	color:#f0b728ff;
}


.txt-white h2 {
	color:#ffffff;
}

.txt-white {
	color:#ffffff;
	
}

.link-white a {
	color:#ffffff;
}

.obj-center {
	text-align:center;
	padding:0;
	margin:0;
	
}

.bloc-bord1 {
	border: solid;
	border-color : #534898;
	padding:0;
	padding: 30px;

}
.bloc-bord2 {
	border: solid;
	border-color : #1E464C;

}

.bloc-bord-info-anim {
	border: solid;
	border-color : #F0B728;
	background-color : #e0e0e0;
	padding : 7px;
	border-radius : 7px;

}

.bloc-bord-equipage {
	border: solid;
	border-color : #37cdabff;
}

.btn, .ripple {
	overflow: inherit;
	
}

.panel-fab {
	background-color: #5CACDE;
}

.panel-equipage {
	background-color: #2FAF92;
}

.panel-classe {
	background-color: #F0B728;
}

.fond-autre {
	background-color: #534898;
}

.bloc-legende {
	padding:5px;
	border-radius:5px;
	text-align: center;
	font-weight: bold;
}


</style>""
#5

le wiki ne semble plus exister https://letempsdessciences.fr/wiki-sciences-marines/?PagePrincipale renvoie sur du wordpress.

Par contre pour la pageCss, faut juste écrire du css, pas de balise ""<style>""

#6

Oui pardon, depuis le temps j’ai redéfini le DNS pour utiliser un nom de domaine spécifique :
Voilà le bon lien : Sciences marines : Bienvenue

Merci je ne savais pas que l’on pouvait enlever les balises ""<style>"" dans la pageCSS. Cette pratique doit venir de l’époque où l’on fesait ces ajustements dans le footer.

Le problème est réglé. J’ai eu le même PB avec mon site web que j’ai codé en html/css. Grace a un forum que je ne parviens pas à retrouver j’avais réglé le PB en ajoutant ça :

html,body{
  width:100%;
  overflow-x:hidden;
  padding: 0;
  }

J’avais essayé hier mais ca ne réglait pas le problème. Maintenant que j’ai enlevé les balises ""<style>"" ça fonctionne !

Merci à toustes.

1 « J'aime »