Jak zmniejszyć obrazek nagłówka w tle do trybu responsywnego presta shop 1.6

[Mateo11]

Witam mam problem nie mogę zmienić wyglądu tła themes/default-bootstrap/img/naglowek.jpg żeby dostosowywał się do trybu responsywnego. Obraz nie dostosowuje się do trybu mobilnego jest za duży.

Mam ogromną prośbę jaki kod css trzeba wpisać i w jakim pliku aby wyświetlał się poprawnie

Z góry dziękuje

Mateo11

[endriu107]

Dodałem komentarze do twojego kodu które wyjaśnią dlaczego nie działa, poza tym wyczyść pamięć podręczną przeglądarki.

header {
  z-index: 1;
  position: relative;
max-width:100%;
background-size:contain; // to poniżej definicji zdjęcia tła
  background: url(../img/naglowek.jpg) top center no-repeat #000000; <-- Tutaj definiujesz zdjęcie tła

  padding-bottom: 15px;
}

[endriu107]

Podaj link do strony.

[Mateo11]

https://sklep.danpol-biustonosze.pl

chodzi o nagłówek w tle nie dostosowuje się 

[endriu107]

Spróbuj dodać:

background-size: contain;

[Mateo11]

Do pliku global.css dodałem background-size: contain; odświeżyłem, wyczyściłem cache oraz włączyłem kompilację nic to nie dało

Wstawiłem background-size: contain; w dwa miejsca.

.img-responsive {
background-size:contain;
display:block;
max-width:100%;
  height: auto !important; }

oraz

header {
  z-index: 1;
  position: relative;
max-width:100%;
background-size:contain;
  background: url(../img/naglowek.jpg) top center no-repeat #000000;

  padding-bottom: 15px;
}

[Mateo11]

Dziękuje bardzo jeszcze muszę popracować nad wyjustowaniem wysokości i będzie ok

Jeszcze raz dziękuje.

Pozdrawiam

Mateusz