When a project has multiple workspaces, a workspace selection dropdown appears at the top left of the knowledge base site. This allows readers to switch between workspaces directly from the site. If you want to remove this dropdown — for example, to simplify the site header or prevent readers from navigating between workspaces — you can hide it using a CSS snippet.
NOTEHow will readers navigate between workspaces without the dropdown?
If you hide the workspace dropdown, readers must know the exact URL of each workspace to access it directly. There is no other navigation path to switch workspaces once the dropdown is hidden.
When to use this
Use this customisation when you want to:
- Simplify the site header by removing the workspace dropdown for a cleaner presentation.
- Prevent readers from switching between workspaces directly from the knowledge base site.
- Direct readers to specific workspace URLs rather than allowing open navigation between workspaces.
Before you begin
- You need access to Settings () > Knowledge base site > Site customization > Custom CSS & JavaScript in the Knowledge base portal.
- Hiding the dropdown only affects its visibility on the knowledge base site — it does not remove or restrict the workspaces themselves. Readers can still access any workspace directly via its URL.
- This is a site-wide change. To revert, delete the snippet from the CSS tab and click Save.
How to hide the workspace selection dropdown
-
Navigate to Settings (
) > Knowledge base site > Site customization > Custom CSS & JavaScript in the Knowledge base portal.
-
From the left navigation pane, select the CSS tab and paste the following snippet:
header .header_bottom .header_bottom_nav ul li.versions-selection {
display: none;
}
-
Click Save.

Outcome
The workspace selection dropdown no longer appears in the site header. Readers see a simplified header without the workspace switcher.

Best practices
- Communicate workspace URLs to readers before hiding the dropdown. Once the dropdown is removed, readers have no in-site way to discover or switch to other workspaces. If your readers need access to multiple workspaces, ensure the correct URLs are shared through other channels, for example, in your site header links or footer navigation.
- Test the change on your live site. After saving, visit your knowledge base site and confirm the dropdown is no longer visible in the header across different pages and device sizes.
- To revert, delete the snippet. Navigate back to the CSS tab in Custom CSS & JavaScript, remove the snippet, and click Save. The workspace dropdown reappears immediately.