Czesc, chcialem sie dowiedziec czy istnieje prosta metoda na zmiane szerokosci szablonu responsive (takiego, ktory zmienia swoja wielkosc wraz ze zmiana wielkosci okna). Chodziloby mi o zwiekszenie marginesow, aby szablon zajmowal 950px, a nie jak w tym momencie 1200px.
Adres strony znajduje sie tutaj.

Wszystkie wartosci znajduja sie w pliku "global.css", a calosc jest na silniku Prestashop.
Na innym forum zasugerowano uzycie kodu ponizej, co owszem zadzialalo, natomiast strona zaczela sie rozpadac po zmniejszeniu okna (poprzestawiane elementy, zmiana czcionki, bledne skrypty)
CODE
@media only screen and (min-width: 1200px) {
#center_column_full {
width: 950px!important;
overflow:hidden;
}


W oryginalnej wersji wyglada to tak:
CODE
@media only screen and (min-width: 1200px) {
#center_column {
width: 950px;
display: inline-block;
vertical-align: top;
float: right;
}
}

@media only screen and (max-width: 1200px) and (min-width: 960px) {
#center_column {
width: 710px;
display: inline-block;
vertical-align: top;
float: right;
}
}

@media only screen and (max-width: 960px) and (min-width: 767px){
#center_column {
width: 518px;
display: inline-block;
vertical-align: top;
float: right;
}
}

@media only screen and (max-width: 767px) and (min-width: 600px) {
#center_column {
width: 590px;
display: inline-block;
vertical-align: top;
margin-left: 5px;
margin-right: 5px;
}
}

@media only screen and (max-width: 600px) and (min-width: 480px) {
#center_column {
width: 470px;
display: inline-block;
vertical-align: top;
margin-left: 5px;
margin-right: 5px;
}
}

@media only screen and (max-width: 480px) {
#center_column {
width: 310px;
display: inline-block;
vertical-align: top;
margin-left: 5px;
margin-right: 5px;
}
}


#center_column_full {}


Pozdrawiam wink.gif