Settings
Sidenav Width – Width of the Sidebar in Frontend
The Sidenav Width setting defines the width (in pixels) of the left sidebar (side navigation panel) – only for the frontend view. It has no effect in the Editor (Admin mode).
The change is only visible in the frontend (click the WAGO icon to switch).
Prerequisites
To make the sidebar visible, a menu must first be created and assigned:
- Open the burger menu (top left)
- Go to Menu
- Click Create Menu
- Add at least one entry (text, icon, or both)
- Then switch to the frontend to see the sidebar
Typical Values
| Width (px) | UI Behavior |
|---|---|
| 0–50 | Icons only (“collapsed” layout) – only works if icons are assigned |
| 150–200 | Compact display with text and icons |
| 250–300 | Full side menu (recommended for standard panels) |
| 400+ | Extended layout (e.g. for wide custom UIs) |