Jump to content

style css qui saute quand on passe container en 100%


Recommended Posts

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

 

 

Share this post


Link to post
Share on other sites

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.

post-558380-0-32956800-1460620144_thumb.jpg

post-558380-0-04955600-1460620170_thumb.jpg

Edited by LauCollet (see edit history)

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

  • 3 weeks later...

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  :D

 

Bonne soirée

Share this post


Link to post
Share on other sites

  • 3 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More