Hamburger menu + sticky

Question

Witam, chciałbym zrobić mojego top navbara responzywnego - żeby od danej szerokości, zamiast wypisanych opcji pojawiły się 3 kreski (ala hamburger) i po kliknięciu, żeby pokazało się opcje, znalazłem poradniki w internecie, ale niestety żaden nie powiązywał ani troche do tego jak to zrobić z sticky nav barem, gdyby ktoś mógłby poświęcić swój czas i napisać mi tutaj krótko kod, albo podlinkować coś przydatnego, byłbym bardzo wdzięczny.

Pozdrawiam

Answer 1

robisz breakpoint (jak nie wiesz o co chodzi to poczytaj o media queries) w danej szerokości, który będzie dawał "display:none;" dla twojego navbara oraz będzie ustawiał np. display:block dla twojego przycisku hamburger. W js'ie piszesz event który po kliknięciu na hamburgera będzie pokazywał i odpowiednio stylizował twój navbar :)