Menu WordPress - zaawansowana nawigacja

Tworzenie menu:
1. Wygląd → Menu
2. Utwórz nowe menu
3. Dodaj elementy (strony, wpisy, kategorie, custom links)
4. Ustaw strukturę (drag & drop)
5. Przypisz do lokalizacji (Primary, Footer...)

Elementy menu:
- Strony
- Posty
- Kategorie / Tagi
- Custom Links (dowolny URL)
- Custom Post Types

Zagnieżdżanie (dropdown):
- Przeciągnij element w prawo pod inny
- Tworzy hierarchię parent → child
- CSS motywu obsługuje wyświetlanie

Instalacja:
- Wtyczki → Max Mega Menu
- Aktywuj

Konfiguracja:
1. Mega Menu → Menu Locations
2. Włącz dla Primary Menu
3. Wygląd → Menu
4. Przy elemencie menu → Mega Menu → Enable

Możliwości:
- Wielokolumnowe dropdown
- Widgety w menu (formularze, obrazki)
- Ikony przy elementach
- Animacje
- Różne style

Alternatywy:
- JetMenu (z JetElements)
- WP Mega Menu
- Elementor Pro Nav Menu

Menu Icons (wtyczka):
- Dodaje ikony do elementów menu
- Font Awesome, Dashicons, custom images
- Pozycja ikony (przed/po tekście)

Ręcznie z CSS:
1. Dodaj klasę CSS do elementu menu
2. W CSS:
```css
.menu-item.icon-home a::before {
font-family: 'Font Awesome 5 Free';
content: '\f015';
margin-right: 8px;
}
```

Font Awesome:
- Załaduj przez CDN lub wtyczkę
- Better Font Awesome (wtyczka)
- Ikony w shortcode lub CSS

Motywy obsługują:
- Większość motywów ma mobile menu
- Hamburger icon
- Slide-in lub dropdown

Responsive Menu (wtyczka):
- Dedykowana wtyczka mobile menu
- Wiele stylów animacji
- Breakpoint konfigurowany
- Off-canvas, slide, fade

Kod własny:
```css
@media (max-width: 768px) {
.main-navigation {
display: none;
}
.mobile-menu-toggle {
display: block;
}
}
```

JavaScript toggle:
```javascript
document.querySelector('.menu-toggle').addEventListener('click', function() {
document.querySelector('.main-navigation').classList.toggle('active');
});
```