wdrożenia PrestaShop

Usunięcie statycznego menu z urządzeń mobilnych

  • 2 Odpowiedzi
  • 2000 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline skixd10

  • Nowy
  • *
  • 5
  • 0
  • PrestaShop
  • PrestaShop: 1.6
  • Status: forum
Usunięcie statycznego menu z urządzeń mobilnych
« dnia: 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ę


*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Usunięcie statycznego menu z urządzeń mobilnych
« Odpowiedź #1 dnia: Luty 07, 2018, 06:21:11 pm »
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;"
design4VIP z innej strony...

*

Offline skixd10

  • Nowy
  • *
  • 5
  • 0
  • PrestaShop
  • PrestaShop: 1.6
  • Status: forum
Odp: Usunięcie statycznego menu z urządzeń mobilnych
« Odpowiedź #2 dnia: Luty 08, 2018, 09:32:07 am »
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 :)
« Ostatnia zmiana: Luty 09, 2018, 07:47:14 am wysłana przez west »