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.

Share this post


Link to post
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

Share this post


Link to post
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 {}

Share this post


Link to post
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

Share this post


Link to post
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

Share this post


Link to post
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.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

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