style css qui saute quand on passe container en 100%

[LauCollet]

Bonjour,

 

je travaille sur prestashop 1.6.1.3

et je suis en train de modifier le theme de base pour obtenir une nouvelle charte graphique

Mon probleme est le suivant

je voudrais modifier la classe .container qui est à l'origine à 1190px de largeur pour la basculer en 100%

 

le seul problème est que lorsque j'applique cette modification, les styles de product_list.css en.hovered (ceux qui s'activent au survol de la souris) disparaissent.

 

je n'arrive pas à trouver pourquoi.

 

quelqu'un pourrait-il m'aider à y voir plus clair?

 

voici le lien du site de dev: http://atelierdesplantes.kalibao.com/

si tester la modif dans la console de debug, la modif fonctionnera jusqu'à ce que vous modifier un peu la largeur de l'ecran.

 

j'espère avoir été assez clair

 

 

[LauCollet]

j'ai tout de même remis le theme à l'origine pour voir si ce n'etait pas une de me modifications qui avait fait sauter le style.

et le probleme se pose aussi sur le template de base.

 

vous pouvez essayer sur la demo en ligne.

 

les style en .hovered saute sur les produits

 

je joins deux copies d'écran avant/apres

 

si quelqu'un a une piste je suis preneur.

Edited April 14, 2016 by LauCollet (see edit history)

[LauCollet]

j'ai trouvé une parade qui ne règle pas le problème de fond.

 

le but de la manoeuvre était de passer mon revolution slider et mon advanced top menu en full width sans forcer la largeur avec des padding et des margin à 3000px qui créent des scroll horribles sur les définitions inferieures en responsive

 

je viens de creer une classe .container2 avec un max-width à 100% que je n'appliquerais qu'au header

de ce fait je n'impacte pas sur les settings de l'affichage des produits

 

me reste plus qu'à tout recaler

 

si quelqu'un peut apporter un point de vue ca serait genial

peut être que je me suis trompé de section pour poster mon sujet ?

[Ariane Web et Plus]

Bonjour,

Ce n'est pas que les styles "sautent", c'est que la plupart des éléments sont positionné en %.

Comme votre container passe en 100%, tout les éléments se repositionnent par rapport à ces 100%

Faire une div spéciale pour le header est une bonne solution, il vous faut recréer une autre "boite" à l’intérieur de 1169px

 

Ah css quand tu nous tiens 

 

Bonne soirée

[berthold]

Bonjour,

 

Vous pouvez modifier le global.js à la ligne :

 

if ($('body').find('.container').width() == 1170)