[RÉGLÉ] Responsive

[Toutsi]

Bonjour à tous
Joomla! 3.4.0. Template Joomspirit 99
http://demeuredeprovence.com/

Problème avec les smartphones (contol perso : Samsoung Galaxy GT-S5839i). C'est la cata !
Temps de chargement impossible, Les sous-menus sont ouverts, j'en passe et des meilleurs !
Ce template est pourtant annoncé comme étant totalement responsive. Mais avant d'accuser, n'est ce pas moi qui me suis planté. J'ai lu le tuto de Ced et d'autres pour résoudre mon problème.
Pas de balise <meta name="viewport" content="width=device-width; initial-scale=1.0"> : Dans quel fichier html faut il mettre cette balise svp ?

En bref, je recherche quelqu'un pour m'aider à rétablir la situation. J'ai 5 sites avec ce template.
Bonne journée

[SimonG]

Re : Responsive

Bonjour,

sauf erreur, ce template est commercial, pourquoi ne pas poser la question au développeur ?

[RobertG]

Re : Responsive

Non Simon, c'est un template gratuit de Joomspirit.

Il faut vérifier s'il y a un paramétrage à faire dans le style du template, qui ne serait par défaut pas à "responsive".
Je l'ai installé récemment sur un site en reconstruction, et je n'ai pas de problème de redimensionnement (pas encore testé sur l'outil Google car il n'est pas indexable), contrairement à ton site, Toutsi.

Curieux ! je viens de passer demeuredeprovence.com sur l'outil Google : aucun problème d'affichage, contrairement à ce qui se passe sur ton Samsung et sur le mien (Galaxy Note3).

[lomart]

Re : Responsive

Bonjour,

Le template n'y est pour rien par contre le codage du footer n'est pas très sympa pour le responsive.
Entre autre, cette ligne qui centre le contenu à coup de padding mais n'est valide que pour une largeur d'écran

<div style="color: #a09788; text-align: center; padding: 200px; padding-left: 250px;">© Lepizzera. Tous droits réservés.</div>

[PhilJ]

Re : Responsive

Bonsoir,


Pas très élégant mais rétablit un affichage correct du bas de la page sur les appareils mobiles :

.bottom-module-position div.custom div {

padding: 0 !important;

}


Ceci dit, le padding qui fait problème (= padding: 200px 200px 200px 250px) a sûrement dû être ajouté manuellement. Il doit donc suffire de le retirer.

[lomart]

Re : Responsive

Ceci dit, le padding qui fait problème (= padding: 200px 200px 200px 250px) a sûrement dû être ajouté manuellement. Il doit donc suffire de le retirer.

C'était le sens de mon propos.
Avoir un template responsive ne sert à rien si on code "non responsive" pour les articles et modules.
C'est tout le contenu du site qu'il faut reprendre.

[Toutsi]

Re : Responsive

Bonjour à tous
La réponse est tardive, je suis amateur, mes sites sont gratuits et pour des amis et je reprends ma saison d'Espace-vert donc je verrai les corrections ce week-end.
Je vais suivre vos indications. D'abord, c'est un template gratuit et pas d'assistance en ce cas.
Je précise : mis à part le footer, tout marchait bien lors de l'installation du site. C'est une amie qui m'a signalée le disfonctionnement sur mobile. Je vais appliquer vos recommandations PhilJ. C'est bien moi qui l'ai réglé comme ça, align-center ne marchait pas.
Les menus déroulant marchaient bien, maintenant tout est développé. J'ai donc mis "Tous les liens sur Non.
Administration template : Responsive est sur Oui. Donc ça devrait marcher pour les articles non ?

iFrame était également bien, mais plus maintenant, la largeur est tronquée.
http://demeuredeprovence.com/index.p...tmpl=component
Je précise qu'il ny a pas de fichier component.php dans ce template. je l'ai créé comme j'ai pu avec le component system pour bénificier de la feuille de style.

Je garde le post ouvert. Il y a d'autres choses qui ne vont plus, mais je vais d'abord essayer de savoir pourquoi par moi-même.
Je vous remercie infiniment pour vos réponses et vous souhaite une bonne fin de journée.

[Toutsi]

Re : Responsive

Bonjour à tous
Tout d'abord, le template marche bien, le pb n'est pas là.

Curieux ! je viens de passer demeuredeprovence.com sur l'outil Google : aucun problème d'affichage, contrairement à ce qui se passe sur ton Samsung et sur le mien (Galaxy Note3).

Même constatation. Des menus qui bloquent (la doc recommande l'activation des sous-menus, je les ai mis sur non pour l'instant), qui ne referment pas, des images qui ne se redimensionnent pas ou de façon aléatoires. Pratiquement jamais le même affichage. Difficile de savoir d'où vient les problèmes dans ces conditions.
Est ce vraiment un pb du Galaxy ? Les tests avec 4 navigateurs ne posent pas de pb...

iFrame était également bien, mais plus maintenant, la largeur est tronquée.

http://demeuredeprovence.com/index.p...tmpl=component

Je précise qu'il ny a pas de fichier component.php dans ce template. je l'ai créé comme j'ai pu avec le component system pour bénificier de la feuille de style.

Le seul pb réel commun à tous les navigateurs vision mobile et je ne vois pas comment le régler. Manque de savoir!
Par contre, si on clique sur imprimer, l'affichage est correct.

Bon w-e à tous et merci de votre aide.

[Toutsi]

Re : Responsive

Bonjour à tous
Je relance ce post avec quelques précisions.
Le problème, c'est la réduction avec Widjetkit slideset. J'ai posté sur leur site il y a une semaine : pas de réponse!
On peut voir l'effet à cette url : http://laurentolieu.fr/promenade-en-provence. Toute la page est affectée, header, slideshow, bottom.
Ratio ?
Les tests de contrôle avec l'ordi sont ok mais sur le mobile Galaxy....

Bonne journée et merci

[PhilJ]

Re : Responsive

Bonjour,

Le problème, c'est la réduction avec Widjetkit slideset. [...] Les tests de contrôle avec l'ordi sont ok mais sur le mobile Galaxy...

Sauf erreur, l'affichage du Samsung Galaxy GT-S5839i est semblable à celui d'un iPhone, c'est-à-dire 320 X 480 px.

Si tel est bien le cas, on peut facilement tester votre site avec Firefox en mode mobile (CTRL+MAJ+M). Pas de gros défaut à déplorer, sauf peut-être les légendes sur les photos du carrousel du fait d'un manque de place en mode portrait (320 px), mais que l'on peut faire disparaître simplement lorsque le format ne le permet plus avec quelque chose comme :

@media screen and (max-width: 479px) {

.carouselck_caption.fadeIn > div {

display: none;

}

}


Ces légendes doivent passer normalement en 480 px, d'où la suggestion de préciser ici cette valeur maxi de 479 px.



Cordialement,




PhilJ

[Toutsi]

Re : Responsive

Bonjour
Merci pour l'info Fhilj. Effectivement, le test Firefox et les autres navigateurs aussi pas de pb.
C'est sur mon portable que les résolutions ne se font pas. Serait ce un pb perso de mon portable ?

@media screen and (max-width: 479px) {
.carouselck_caption.fadeIn > div {
display: none;
}
}

Dans quel css dois je le mettre svp ? Carousel CK, media_queries du template ou voir le custom ?

Merci pour votre aide.

[PhilJ]

Re : Responsive

Effectivement, le test Firefox et les autres navigateurs aussi pas de pb.
C'est sur mon portable que les résolutions ne se font pas. Serait ce un pb perso de mon portable ?

Cette hypothèse est bien probable, car (1°) le test réalisé avec Firefox en mode mobile est très fiable, et donne de bons résultats, même sur votre ordinateur à vous, et (2°) plusieurs intervenants vous ont déjà dit qu'en visitant votre site ils ne rencontraient pas du tout tous les soucis que vous dites rencontrer.

=> Bien qu'un peu onéreuse, une solution assez intéressante à envisager : jetez votre portable du 5^e étage . Tout devrait immédiatement rentrer dans l'ordre .

Dans quel css dois je le mettre svp ? Carousel CK, media_queries du template ou voir le custom ?

Le plus sûr est dans le custom (= /templates/villavacances/css/custom.css), à la fin du fichier. Avantage : aucun souci ultérieur en cas de mise à jour du carrousel.



Cordialement,




PhilJ

[Toutsi]

Re : Responsive

Merci Philj
Pb : je n'ai pas de 5e étage dans ma maison..! mais un bon coup de pied devrait faire l'affaire non?

Merci pour tout & bonne fin de journée.