menu- skrypt

Question

Witam, chce zrobić takie menu jak na stronie https://forum.dopalamy.com/

chodzi mi o to, że przy zmianie rozdzielczości pozycje w menu chowają się pod jednym kafelkiem więcej, jeśli brakuje miejsca na ekranie zanim przejdzie w menu mobilne.

Jakim skryptem to obsłużyć.
Jeśli ma ktoś jakiś poradnik też chętnie przyjmę.

Comments

Poczytaj sobie o media queries... na początek :)

---

Ciężko połapać się w tym kodzie ale media queries znam

Answer 1

Akurat powiem Ci, że tak średnio dobry przykład podałeś :)

To jest z tego co widzę zrobione dość prosto, bo po prostu element menu "Więcej" jest jako ostatnia pozycja pierwszej listy <ul> i jest ukryty, a przy odpowiednich szerokościach ekranu zostaje włączony (pewnie na @media), a w jego "wnętrzu" jest znowu lista <ul> zawierająca drugi raz ostatnie pozycje...

Generalnie powiem Ci, że już abstrahując od samej realizacji tego to wg mnie jest to złe rozwiązanie i mało czytelne. Sam dopiero po chwili zorientowałem się o co chodzi z tym "Więcej"... wg mnie lepsze jest po prostu włączenie menu "hamburger" jak jest tu przy małych szerokościach lub po prostu zawijanie pozycji menu do drugiego wiersza - tutaj poczytaj np. o flexbox.

Comments

Czyli jest to bez JS? W samym css?

---

JS też jest, chociażby do hamburgera, ale w tym kodzie JS jest mieszany wciąż z HTML i ciężko się to czyta, także wejdź sobie w źródło i poanalizuj jak masz chęci i czas :)

---

właśnie ciężko mi się w tym kodzie połapać a trochę już koduję :) nie chodzi mi o hamburger, to to wiem że js chodzi mi o sam kafelek więcej czy w css?