Jump to content

Recommended Posts

Bonjour à tous,

J'ai in module qui est placé dans #product #encaps sur la page produit (PS 1.7). Le tout loge dans .col-md-6. 

Cependant le module est large car il contiens les déclinaisons. Je doit le garder vraiment à cet endroit, à droite prés de la photo du produit et non sous la photo (qui solutionne le problème) en raison du secteur d'activité. 

Par conséquent le module dépasse du cadre #product #encaps. J'ai donc réduit la largeur de .col-md-6. du 50% à 35% et augmenté #product #encaps à width 180% pour avoir un visuel cohérent. C'est bien en version ordi mais ça ne marche pas sur mobile. En effet sur mobile #product #encaps dépasse le cadre.

Je me permets donc de demander à la communauté des solutions à ce problème. En effet j'ai besoin de la place à droite de la photo produit mais en restant mobile-compatible.

Par avance, merci !

Share this post


Link to post
Share on other sites

Bonjour,

il ne faut pas toucher au css mais modifier vos classes bootstrap. 

col-md-6 représente 50% ( 6/12 ), changez le par col-md-4 (4/12) pour en réduire la largeur. 

 

Share this post


Link to post
Share on other sites

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
×
×
  • Create New...

Important Information

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