[Problème] Faire un template responsive de 900px avec gantry

[thitha01]

Bonjour,
Je suis avec Joomla 3.3.6 et Gantry 4.1.27
Je suis en train de faire un site et j'aurais besoin d'une grille de 900px responsive. Je sais faire une 900px fixe mais je ne trouve pas la solution pour la faire responsive.
Une solution?
Merci d'avance.

[pat33530]

Re : Faire un template responsive de 900px avec gantry

Bonjour,
Ce sera du 960px, pas du 900 (c'est pas divisible par 12)
Tu peux copier le fichier /libraries/gantry/css/grid-responsive.css dans le dossier css de ton template et ensuite modifier les ligne 11 à 59 comme ça :
.rt-container {width: 960px;margin: 0 auto;position: relative;}
.rt-grid-1 {width: 80px;}
.rt-grid-2 {width: 160px;}
.rt-grid-3 {width: 240px;}
.rt-grid-4 {width: 320px;}
.rt-grid-5 {width: 400px;}
.rt-grid-6 {width: 480px;}
.rt-grid-7 {width: 560px;}
.rt-grid-8 {width: 640px;}
.rt-grid-9 {width: 720px;}
.rt-grid-10 {width: 800px;}
.rt-grid-11 {width: 880px;}
.rt-grid-12 {width: 960px;}

.rt-push-1 {left: 80px;}
.rt-push-2 {left: 160px;}
.rt-push-3 {left: 240px;}
.rt-push-4 {left: 320px;}
.rt-push-5 {left: 400px;}
.rt-push-6 {left: 480px;}
.rt-push-7 {left: 560px;}
.rt-push-8 {left: 640px;}
.rt-push-9 {left: 720px;}
.rt-push-10 {left: 800px;}
.rt-push-11 {left: 880px;}

.rt-pull-1 {left: -80px;}
.rt-pull-2 {left: -160px;}
.rt-pull-3 {left: -240px;}
.rt-pull-4 {left: -320px;}
.rt-pull-5 {left: -400px;}
.rt-pull-6 {left: -480px;}
.rt-pull-7 {left: -560px;}
.rt-pull-8 {left: -640px;}
.rt-pull-9 {left: -720px;}
.rt-pull-10 {left: -800px;}
.rt-pull-11 {left: -880px;}

.rt-prefix-1 {padding-left: 80px;}
.rt-prefix-2 {padding-left: 160px;}
.rt-prefix-3 {padding-left: 240px;}
.rt-prefix-4 {padding-left: 320px;}
.rt-prefix-5 {padding-left: 400px;}
.rt-prefix-6 {padding-left: 480px;}
.rt-prefix-7 {padding-left: 560px;}
.rt-prefix-8 {padding-left: 640px;}
.rt-prefix-9 {padding-left: 720px;}
.rt-prefix-10 {padding-left: 800px;}
.rt-prefix-11 {padding-left: 880px;}
En espérant que ça t'aide.