Smart Nav gives you great control over your navigation bar in Blocs. It’s easy to make the simplest web page more interesting and polished. Smart Nav was built to be a replacement for sticky behavior in Blocs. Don’t use the sticky button, use Smart Nav instead.
You can mix and match the effects easily
The Smart Nav behaviors include:
Navigation bar hides when the user scrolls down and reveals itself when user scrolls up using a smooth animation effect.
When the nav bar is hidden and users mouse approaches the top of the browser the nav bar reveals itself with a buttery smooth animation.
Nav becomes transparent as it overlaps hero and returns to normal (based on your settings) when it’s not.
Shrinking Nav and Logo
When the user scrolls down, you can shrink either the nav bar, the logo or both. When the user scrolls up things return to their larger sizes. The extension includes separate settings for the Min and Max sizes of both text portion and image portion of the logo since Blocs supports this.
Alternate Link Colors
Choose alternate link color when the navigation overlaps the Hero. Can work in combination with the dynamic transparency effect.
Spacing and Padding
Convenient settings for spacing of the top level menu items.
Update the extension from the extension manager.
Does Smart Nav work globally across all pages of my Blocs site?
A: Yes, place the extension in the Blocs global header.
Does it work with Bootstrap 5?
A. Yes, Smart Nav works with Blocs and Bootstrap 5.