Skocz do zawartości
skixd10

Stałe menu usunięcie z telefonów

Rekomendowane odpowiedzi

Witam,

Kiedyś ktoś mi zrobił, aby menu w sklepie było stałe, aby tylko treść przesuwała się jak i na komputerach i telefonach. Sklep: sklep.fonetika.pl

Chciałbym, aby treść na telefonach przesuwała się wraz z nagłówkiem, a w tej chwili nagłówek jest statyczny. Teraz jest tak: https://iv.pl/images...67826366335.png ze tekst przewinięty wjezdza pod nagłówek, a chciałbym, aby nagłówek przesuwał się tak jak treść, ale tylko na urządzeniach mobilnych. Co muszę usunąć/dodać do css i w jakim pliku, aby na z urządzen mobilnych usunąć statyczny nagłówek ?

Z góry bardzo dziękuję

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

W pliku global.css masz 

.header-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

tutaj position: fixed; za to odpowiada więc najlepiej je ująć w @media i określić dla jakich szerokości ekranu ma się zachowywać w określony sposób.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Edit. Działa :)

Rozwiązanie ? Dodałem:

  do global.css

@media (max-width:768px) {
  .header-container {
    position: relative!important;
  }
  .columns-container {
    margin-top: 30px;
  }
}

Dziękuję bardzo :)

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się



×