← Wszystkie przykłady

Tryb skupienia: chowaj nawigację

Zwija lewe menu GA4 do zera, rozwijając je dopiero po najechaniu kursorem, aby dać raportom maksimum miejsca.

Kod do skopiowania

nav[role="navigation"], [class*="side-nav"], [class*="left-nav"] {
  transition: width 0.15s ease !important;
  width: 0 !important; min-width: 0 !important;
  overflow: hidden !important;
}
nav[role="navigation"]:hover, [class*="side-nav"]:hover, [class*="left-nav"]:hover {
  width: 250px !important; min-width: 250px !important;
}

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.