January 27, 2026
Dynamic Navigation Bar for Umbraco
Atharva IT Services Pvt. Ltd.
Build powerful, responsive navigation without custom frontend work
Dynamic Navigation Bar is a plug-and-play Umbraco package that delivers a fully responsive, customizable navigation system with both frontend and back office support
Key Features
Advanced technology at your fingertips
Fully Responsive Navigation
Delivers a mobile-first, responsive navigation bar that adapts seamlessly across desktop, tablet, and mobile devices without additional frontend customization.
Backoffice-Driven Menu Management
Allows editors to manage navigation structure, labels, and links directly from the Umbraco backoffice, removing the need for developer involvement in routine updates.
Branding Ready Out of the Box
Supports logo and brand name configuration with a clean, reusable frontend layout, enabling consistent branding across the website with minimal setup.
Product Gallery & Steps
Explore product images and follow the steps
Install the uNavbar NuGet package
Rebuild and run the solution, then configure Umbraco
Log in to the backoffice
Properties of Site Settings document
Add the relevant documents to show in the Navbar
Setup Root Documents
Register the documents in Content tab
Add child document support to the root documents
Select the appropriate child node types
Go to Content Tab
Now, open the site settings document and choose add inside choose content option to select documents that you have added
The Final Structure After Following All Steps
Final structure for Main Navigation property should look like this
Register the CSS and Partial Views to show the navbar
Navbar Should be now Displayed
Mobile Navigation Bar