This small CSS add‑on replaces the active and hover underline with a centred dot, then rounds off your dropdown panels to keep the menu looking sharp.
Tested on every Squarespace 7.1 template
Dot is centred under each link and scales with one variable
Removes the built‑in underline completely
Adds an 8 px radius, white dropdown with dark text
One copy‑paste CSS snippet, no script needed
Works for both desktop and mobile menus
Copy‑ready CSS snippet
Step‑by‑step install guide
Quick tweak chart for dot size, gap, dropdown colours, and radius
Email help from team@pixelhaze.academy
Will this slow my site?
No. The code is just a few CSS lines.
Does it work with sticky headers?
Yes. Tested on scroll‑changing headers in 7.1.
Can I change the dropdown colours on one page only?
Yes. Override any variable with an inline style on that section.
Square Forge bundles ready‑made templates and plugins so you can build faster. Mix modules like the Golf‑Ball Nav Marker, launch, and get on with your day.
This small CSS add‑on replaces the active and hover underline with a centred dot, then rounds off your dropdown panels to keep the menu looking sharp.
Tested on every Squarespace 7.1 template
Dot is centred under each link and scales with one variable
Removes the built‑in underline completely
Adds an 8 px radius, white dropdown with dark text
One copy‑paste CSS snippet, no script needed
Works for both desktop and mobile menus
Copy‑ready CSS snippet
Step‑by‑step install guide
Quick tweak chart for dot size, gap, dropdown colours, and radius
Email help from team@pixelhaze.academy
Will this slow my site?
No. The code is just a few CSS lines.
Does it work with sticky headers?
Yes. Tested on scroll‑changing headers in 7.1.
Can I change the dropdown colours on one page only?
Yes. Override any variable with an inline style on that section.
Square Forge bundles ready‑made templates and plugins so you can build faster. Mix modules like the Golf‑Ball Nav Marker, launch, and get on with your day.
