Navbar Pro settings reference
Look up the controls in the Blocs sidebar. See the user guide for the workflow and input formats, or the introduction for examples.
Settings
Defaults are based on the values saved in a newly placed Navbar Pro 1.0.11 instance. Existing projects use their saved values.
Logo
| Setting | Default | Description and range |
|---|---|---|
| Logo Light | Not set | Logo image for light backgrounds |
| Logo Dark | Not set | Logo image for dark backgrounds; add images to both fields |
| Logo Link | / | Destination when the logo is clicked |
| Logo Height | 40 | Logo height, from 16 to 160px |
| Bar Height | 64 | Bar height, from 32 to 200px; adjusted to at least the logo height when displayed |
| Bottom Border | ON | Shows a 1px line below the bar; the line is also transparent while the Clear overlay is active |
| Limit Max Width | ON | Centers the inner content within a maximum width |
| Max Width | 90rem | Maximum width when Limit Max Width is ON; numbers without units are treated as rem |
Colors
| Setting | Default | Description |
|---|---|---|
| Link Light | #3C3C43 | Regular link color in light appearance |
| Highlight Light | #E20714 | Hover, current-page, and current-language highlight color in light appearance |
| Link Dark | #EBEBEF | Regular link color in dark appearance |
| Highlight Dark | #FF6B6B | Hover, current-page, and current-language highlight color in dark appearance |
Menu
| Setting | Default | Description |
|---|---|---|
| Links | Home|/ | One label and URL per line; a single-level menu |
| Languages | *English|/日本語|/ja/ | One language name and directory per line. Use a leading * for the current language on the canvas. Leave empty to hide |
| Language Position | Before path | Places the language directory first with Before path or immediately after the site's first directory with After path |
| Link Size | 14 | Menu link text size, from 10 to 32px. Applies to the bar and the hamburger menu |
| Language Size | 12 | Language link text size, from 10 to 32px. Applies to the bar and the hamburger menu |
Behavior
| Setting | Default | Description |
|---|---|---|
| Toggle | LG | Choose LG, MD, SM, or XS as the hamburger breakpoint |
| Scroll Hide | ON | Hides the bar when scrolling down and shows it again when scrolling up |
| Appearance Slider | ON | Enables the appearance switch and applies saved preferences or OS settings |
| Appearance Label | Appearance | Label for the appearance row in the mobile menu |
| Storage Key | navbar-pro-appearance | Key used to save the appearance choice in the browser |
Overlay
| Setting | Default | Description |
|---|---|---|
| Class | Empty | Class of elements that trigger the overlay when the bar overlaps them |
| Overlay | Off | Choose Off, Clear, Thin white, or Thin black; also specify Class |