Polskie wsparcie PrestaShop
PrestaShop => Konfiguracja => Wątek zaczęty przez: skixd10 w Luty 07, 2018, 09:45:37 am
-
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ę
-
z tego co widze, to problem chyba zostal rozwiazany bo u mnie dziala jak nalezy wg wytycznych.
w kazdym razie dla potomnych: za statyczne "przypiete" menu czy header odpowiada komenda CSS 'position:fixed;' czyli mozemy ta komenda uzywajac top czy left, right, bottom ustawic w miejscu dany element. zeby sie jej pozbyc i uzaleznic od innych elemento nalezy dla wymaganych rozdzielczosci (@media min, max) uzyc 'positon: relative;' w zaleznosci od tego jak osadzona jest pierwotna pozycja, czy tez dla danych rozdzielczosci czy ogolnie mozna dodac jeszcze wymuszenie '!important;"
-
Rozwiązanie: dodanie do pliku global.css
@media (max-width:768px) {
.header-container {
position: relative!important;
}
.columns-container {
margin-top: 30px;
}
}
Dzięki za zainterosowanie :)