[RÉGLÉ] Problème de Responsive Design sous Template Creator CK

[HangryA]

Bonsoir à tous, voilà je viens d'ouvrir mon premier site pour une petite pizzeria de ma ville, et j'ai un problème avec la version mobile du site.
le vrai problème pour le moment c'est que le main content est beaucoup trop large, et du coup je penses que ça vient de là le fait que tout le reste soit rétréci et décalé
J'ai essayer toute les options du mode responsive design de Template Creator CK, mais rien n'y fait, ça ne change rien.
Voilà le site en question

Merci d'avance

[lomart]

Re : Problème de Responsive Design sous Template Creator CK

Bonsoir,

Tu as une règle en ligne 648 de template.css qui bloque la largeur du site
#content {
width: 1000px;
}
Il faut la supprimer

PS. Transforme tes images PNG en JPG. Les 3 images font 1 Mo

[daneel]

Re : Problème de Responsive Design sous Template Creator CK

Bonjour,

Pour dépanner... :

Dans l'administration de votre site :
menu extension / onglet template puis selectionner "détails et fichiers" de votre template

En éditant le fichier "template.css" contenu dans le repertoire css du template :

http://www.coolpizza-88.fr/templates/coolpizza/css/template.css

ligne 648, remplacer :

#content { width: 1000px; }

par

#content { width: 100%; }

puis sauvegarder les modifications.

Bonne soirée !

edit : lomart est plus rapide que moi, bravo pour la réactivité!

[HangryA]

Re : Problème de Responsive Design sous Template Creator CK

Très bien merci, ça c'est réglé, mise à part que c'était en ligne 845
Maintenant j'ai quelques autres soucis, la bannière ne prends pas toute la page, et j'ai une énorme marge blanche en dessous du site.
Ça pose vraiment un problème que ce soit en PNG ? Le site à l'air de chargé plutôt vite, du moins chez moi

[lomart]

Re : Problème de Responsive Design sous Template Creator CK

Ça pose vraiment un problème que ce soit en PNG ? Le site à l'air de chargé plutôt vite, du moins chez moi

OUI, la photo principale fait 808Ko en PNG et seulemnt 125Ko en JPG

D'autre part, avoir du texte sous forme d'image n'est pas bon ni pour le référencement ni pour le responsive.
Il faudrait au moins remplir la balise alt

[HangryA]

Re : Problème de Responsive Design sous Template Creator CK

Très bien, je prends note de tes conseils et m'occuperai de ça
Mais avant, comment régler le soucis que j'ai actuellement, à savoir la grosse marge que j'ai sur le côté droit du site et en dessous ?

[lomart]

Re : Problème de Responsive Design sous Template Creator CK

Mais avant, comment régler le soucis que j'ai actuellement, à savoir la grosse marge que j'ai sur le côté droit du site et en dessous ?

Quelles marges ? Je ne vois rien !
Une copie d'écran serait bienvenue.
Avec quel navigateur les marges apparaissent ?

[HangryA]

Re : Problème de Responsive Design sous Template Creator CK

Voilà la capture d'écran
C'est sur chrome t le navigateur d'android
Sachant que sur le navigateur d'android, seul la barre de droite est présente

[lomart]

Re : Problème de Responsive Design sous Template Creator CK

Voilà la capture d'écran Pièce jointe 30958

Illisible, il faut mettre les images en mode éditeur avancé

Je n'ai jamais de barre à droite, seulement la zone blanche en bas sur Chrome Android

Je ne connais pas TemplateCreator, pose la question au créateur.

[lomart]

Re : Problème de Responsive Design sous Template Creator CK

Pour la marge de droite, c'est cette règle qui pose problème
#nav3 > div.inner {
margin-left: 725px;
}

[HangryA]

Re : Problème de Responsive Design sous Template Creator CK

Super, merci beaucoup, j'ai diminuer à 5px, et ça a régler les deux problème, la marge de droite et la marge en bas

[lomart]

Re : Problème de Responsive Design sous Template Creator CK

Super!
Il ne reste plus qu'a passer le post comme réglé

[HangryA]

Re : Problème de Responsive Design sous Template Creator CK

Ouep, merci encore