Dot header

0123456789
0123456789

Dot header

Scroll to see it in action.

Updated:

Nov 8, 2023

Type:

Code

Notes

  • Be careful with setting a high amount of blur as it can be resource intensive — especially if you have a page that's busy with effects and animations.

  • Set its position to Fixed (it'll need to be a direct child of your breakpoint and not nested in any other frames) or Sticky.

  • Pay attention to zIndex (via the + in Styles), ensure your content is layered correctly.

Help

How do I add code overrides?

Add a new code file via the Assets tab and paste this code in.

Learn more:
How to add code overrides in Framer

Found a bug? Have an idea?