← Tutti gli esempi

Comprimi la navigazione sinistra di Google Ads

Comprime la navigazione sinistra e la espande al passaggio del mouse liberando spazio per le tabelle.

Codice da copiare

/* Auto-collapse the left navigation, expand it on hover */
nav[aria-label],
[role="navigation"] {
  width: 48px !important;
  overflow: hidden !important;
  transition: width 0.15s ease !important;
}
nav[aria-label]:hover,
[role="navigation"]:hover {
  width: 240px !important;
  z-index: 200 !important;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2) !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.