Skip to Content
Build & DesignAsset DesignCreate a Sticky Navbar

Create a Sticky Navbar

A sticky nav bar stays pinned to the top of the page as a visitor scrolls, keeping your navigation accessible throughout the asset. The Mutiny agent can apply this with a single prompt.

Applying the Sticky Effect

Select your nav bar section, and ask the agent:

Make the nav bar sticky.

The agent will apply the right CSS rules to keep the nav bar fixed to the top of the window. Selecting the nav bar before prompting is optional, but it is a good habit since it gives the agent clarity on exactly which section you are targeting.

Testing the Result

To verify it is working, click the Share button in the top right and select Open preview to see a live preview of your asset. Scroll down the page and confirm the nav bar stays locked in place at the top.

Last updated on