← All examples

Collapse the Google Ads left navigation

Collapses the Google Ads left navigation by default and expands it on hover, freeing space for tables.

Code to copy

/* 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;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.