SmartNavs
Auto-switch a navbar’s color theme on scroll or when a nested dropdown opens.
Script
The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) you'd like to use and click the "install script" button.
Nav Wrapper
This is the div block that wraps my navigation
Nav Scrolled
This is the theme I want my nav to switch to when the page is scrolled
Breakpoints
I want to disable theme switch on a particular breakpoint
Dropdown Open
I want to change the nav theme when a nested dropdown is opened
Watch Tutorial
Add this attribute to the same div block with [te-cursor-element] applied.
An empty value will set the display style to block.
This value will set the display style to block.
This value will set the display style to flex.
Add this attribute to the div block that contains both the trigger and cursor elements.
Add this attribute to the div block you want to use as your cursor.
Add this attribute to the div you want to use to trigger the cursor.