Frosted Nav

A navigation bar that floats over your page in frosted glass, hides as visitors scroll down and returns as they scroll up. Drop it on a page, type your links in the panel, and it works - no setup, no code.

The bar

• Pill-shaped links in frosted glass, over any background

• One Frost slider controls the glass - blur, saturation and brightness move together

• Wordmark in the centre, or a logo: upload an image or paste SVG code

• Pasted SVG can be recoloured to any colour, strokes included

• Booking button on the right, outlined or solid

• Optional secondary link beside the main set

• Add as many links as you need

Where it sits

• Hold it at any height on the screen - 0% is the top, 50% the middle, 100% the foot

• Preview that position on the canvas instead of publishing to find out

• Hide-on-scroll leaves by whichever edge it is nearest to

• Offset in pixels for the fine adjustment

The menu

• Set the burger width in pixels: below it the bar becomes a menu button

• Set it above your widest breakpoint and every visitor gets the burger - a look in its own right

• Full-screen menu with its own type, colours and two call-to-action buttons

• Page scroll locks while it is open

Made to customise

• Type any Google Font name and it loads automatically

• Full control over sizes, spacing, padding and letter spacing

• 84 panel controls, grouped into Links, Brand, Bar, Book Button, Typography, Menu and Behaviour

• Respects reduced-motion settings; animation can be turned off entirely

Responsive across desktop, tablet and mobile.