[RÉGLÉ] Module BGmax

[supersaby]

Bonsoir, j'essaye de mettre un fond derrière mon site (comme sur mon précédent site et la fameuse toile de jute) mais voilà j'ai repris les mêmes paramètres que l'on m'avait donnée et quand j'actualise sur l'ipad et l'iphone, le site n'est plus responsive, le slider demo dépasse de la page et devient très grand. Dès que je désactive le module le site revient à la normal. Si qqn pourrait m'aider à placer un background pour obtenir le résultat de la piéce jointe tout en restant "responsive" je vous en serais reconnaissante.


Le site : www.lemongrasshouse.ch/newlg

Sabrina

[manu93fr]

Re : Module BGmax

Bonsoir,
j'utilise cette extension sans aucun soucis ... elle est responsive
As tu lu le tuto sur le site ?
de quelle taille est l'image que tu envoies ?
Comment est elle paramétré pour toi ?
(je suis sur que Lomart t'en dira plus dès qu'il passera par là)

[supersaby]

Re : Module BGmax

Je voudrais ce carré http://www.lemongrasshouse.ch/newlg/...bgmax/jute.png dupliqué en background.

[manu93fr]

Re : Module BGmax

ça ne me dis pas comment est paramétré le module ...

[lomart]

Re : Module BGmax

Si tu as repris les paramètres que je t'avais donnés la dernière fois, tu dois avoir une largeur de contenu à 960px alors que depuis tu as ajouté un slider qui fait 980px.
Il faut donc ajuster la largeur en conséquence (1000px pour avoir des marges autour)

Par contre, je doute que cela fonctionne, car il faudrait ajouter des mediaqueries pour gérer le responsive.
Et comme je sais que tu as acheté une extension "chère" qui va modifier le code pour gérer cela, peu de monde pourra t'aider.

Je reprends mon commentaire du post sur les blondes et la lecture: tu aurais intérêt à utiliser une base solide et responsive de template plutôt que faire un empilement d'extensions qui ne feront au final qu'un château branlant.

Cordialement

[supersaby]

Re : Module BGmax

Bonjour lomart,
J'ai finalement décidé de refaire proprement le site afin qu'il soit bien responsive, c'est ce que j'ai fais et là il est propre. Du coup, tant pis pour moi j'ai perdu 55€ pour le plugin...Si jamais tu le veux, dis moi...

[lomart]

Re : Module BGmax

J'ai finalement décidé de refaire proprement le site afin qu'il soit bien responsive

Bonne nouvelle, regarde du côté de TemplateCreator qui va te permettre de faire un site quasi-identique au modèle.
Je pense que tu peux poser la question de faisabilité à son créateur ced1870 qui est très actif sur ce forum. De plus ses autres extensions pourront t'aider pour tes menus, sliders, ... et tout cela en restant cohérent et sans incompatibilité.
Je n'utilise pas ce produit, donc je ne pourrais t'en dire plus.

D'autres produits comme helix sont assez faciles à prendre en mains.

[supersaby]

Re : Module BGmax

Je me suis rappelée que dans les options de mon template comme sur la capture ci-jointe il y a une option pour la template mais quand je l'active le background se met partout derrière le site...Il n'y a pas une option à activer quelque part pour avoir seulement le contour ?

[lomart]

Re : Module BGmax

Je pensais que tu repartais sur d'autres bases

Il n'y a pas une option à activer quelque part pour avoir seulement le contour ?

Il n'existe sans doute pas de réglage pour cela
tu peux tenter d'ajouter dans ton template.css pour voir si cela suffit pour gérer le responsive

#fav-container {
    margin: 10px auto;    width: 1000px;


}


@media (max-width: 767px) {
  #fav-container {
      margin: 0;      width: 100%;



  }


}

[supersaby]

Re : Module BGmax

Je suis bien repartie de 0 lomart je te confirme et je fais extrêmement attention aux plugin ou modules que j'ajoute. Ca ce que je te montre c'est dans les paramètres de la template c'est pour ça. Avant de tester ce que tu viens de me dire j'ai remis les paramètres que tu m'avais donnée pour le 1er site et j'ai bien mis 1000px, tout marche sur pc mais j'ai tjs le même problème sur ipad, ça dépasse.
http://www.lemongrasshouse.ch/newlg/index.php?lang=fr Qu'en penses-tu ?

[lomart]

Re : Module BGmax

Dans ce cas, tu ajoutes dans la partie code complémentaire de bgmax

#fav-containerwrap {
    background-image: none;
}
@media (max-width: 767px) {   
  #fav-container {      
      margin: 0;
      width: 100%; 
  } 
}

OU
tu n'utilises pas bgmax et tu ajoutes à la fin de ton template.css

#fav-containerwrap {
    background: #ffffff url("http://www.lemongrasshouse.ch/newlg/images/bgmax/jute.png") repeat scroll center top !important;
}
#fav-container {     
   margin: 10px auto; 
   width: 1000px; 
} 
@media (max-width: 767px) {   
  #fav-container {      
      margin: 0;
      width: 100%; 
  } 
}

[supersaby]

Re : Module BGmax

La 1ère solution ne fonctionne pas et la 2ème fait encore dépasser la page de l'écran sur ipad :-( mais marche bien sur pc.

http://www.lemongrasshouse.ch/newlg/index.php?lang=fr

[lomart]

Re : Module BGmax

Autant pour moi, j'avais pris le breakpoint du menu

Il faut remplacer
@media (max-width: 767px)
par
@media (max-width: 1000px)

[supersaby]

Re : Module BGmax

Snif pas de changement sur ipad, la page sort de l'écran.
J'ai bien mis dans code complémentaire :
#fav-containerwrap {
background-image: none;
}
@media (max-width: 767px) {
#fav-container {
margin: 0;
width: 1000%;
}
}

[lomart]

Re : Module BGmax

A c'est vrai, tu es blonde
Donc, il faut recopier exactement ce que j'ai écrit
@media (max-width: 1000px) {
#fav-container {
margin: 0;
width: 100%;
}
}

et pas
@media (max-width: 767px) {
#fav-container {
margin: 0;
width: 1000%;
}
}

avec 1000%, c'est normal que ça déborde