Navbar Layout
Shock Theme has different Navbar layouts pre-built based on Bootstrap 5. Next, see the available demos.
Basic Navbar
Extended Navbar
Centered Navbar
Sticky Navbar
The Navbar is the visitor's control, where he can navigate between sections and pages. A Sticky Navbar improves usability because it works dynamically as the page scrolls.
Info
The easiest way to build a Navbar your way is to start with one of the demos. Make sure you understand how this works and copy and paste the available HTML blocks, include your own links and adapt this for your site.
Autohide
The Navbar is hidden when the page is scrolled down and is visible only when the page is scrolled up. This is certainly the most common option because it maintains the full vertical size of the screen without losing control of the Navbar.
Fixed On Scroll
The Navbar is always visible. This can be useful when the visibility of the Navbar is the most important thing for the page.
Relative
The Navbar is only visible at the top and when scrolling up or down it is hidden.
Mega Menu
For sites with many pages, a common Navbar does not handle everything properly and a Mega Menu is necessary. Shock Theme provides many options that can be seen in the demos.
Info
Be sure to check out the Demos on how a Mega Menu and other elements behave from Navbar. Many available options are not documented here.