Jump to content

Zmiana szerokosci szablonu responsive


Recommended Posts

Czesc, chcialem sie dowiedziec czy istnieje prosta metoda na zmiane szerokosci szablonu responsive. Probowalem zmieniac wartosci w pliku global.css, jednak nie przynioslo to zadnego skutku. 

"@media only screen and (min-width: 1200px) {

#center_column {

width: 950px;"

 

Chodziloby mi o zwiekszenie marginesow, aby szablon nie zajmowal tak duzej powierzchni ekranu.

Adres strony znajduje sie tutaj. Pozdrawiam.

Link to comment
Share on other sites

rzecz w tym, że działa.

 

w szablonie nie masz centralnej kolumny która nazywa się #center_column, tylko #center_column_full

sprawdź kod:

@media only screen and (min-width: 1200px) {
#center_column_full {
width: 950px!important;
overflow:hidden;
}

zobaczysz w czym jest problem ;)

 

podpowiedź: #center_column_full to nie wszystko, pozostają inne elementy wewnątrz bloku które mają własne parametry width

Link to comment
Share on other sites

Wydaje mi sie, ze wszystko jest w "global.css", tyle, ze manualna zmiana wartosci nie przyniosla zmian.

 

@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 {}
Link to comment
Share on other sites

  • 3 months later...

Witam,

Piszę po raz 1 na forum, jestem świeżym użytkownikiem PS i sklepu online. Ze względu na dużą ilość tematów, myślę, że ten będzie odpowiedni aby się podpiąć. Mianowicie chciałbym aby szablon mojego sklepu automatycznie dostosowywał się do rozdzielczości ekranu. Przy wąskim ekranie jest w miarę ok ale przy dużym o dużej rozdzielczości szablon wygląda dość śmiesznie. Marginesy boczne ustawione na auto. URL www.mifka.pl Byłbym ogromnie wdzięczny za podpowiedź. 

Ps. Problem tyczy się również stopki.

Pozdrawiam

Link to comment
Share on other sites

Twój szablon nie jest responsywny, to prestashop 1.5 - ta wersja nie posiada responsywnego szablonu.

funkcji o której mówisz nie można wprowadzić "od tak"

w tym przypadku to większa sprawa niż tylko przełączenie jakiejś opcji w panelu administracyjnym

 

za wiele się tu nie zrobi, pozostaje albo zakupienie/skorzystanie z jakiegoś responsywnego szablonu - albo aktualizacja do prestashop 1.6 gdzie szablon jest domyślnie responsywny

Link to comment
Share on other sites

niestety, ale nie znam tego modułu. Musiałbym przeanalizować kod strony, prawdopodobnie z czymś się gryzie, a czasem wywalenie białej strony powoduje zwykłe nie zamknięcie jakiegoś znacznika.

Link to comment
Share on other sites

Ok, dzięki. Zopim to moduł czatu. Myślę, że faktycznie z czymś się po prostu u mnie gryzie. Wrzucałem odpowiedni skrypt do katalogu HEADER i zamknąłem go liniami {literal} i {/literal}. W żaden sposób nie zadziałał. Pozdrawiam

Link to comment
Share on other sites

×
×
  • Create New...