{"product_id":"pillnav-floating-pill-navigation-sqs-mods","title":"PillNav: Floating Pill Navigation","description":"\u003cp\u003ePillNav from SQS Mods replaces the standard Squarespace header with a compact floating pill that opens into a full menu. It builds that pill from the header you already have: navigation links, folders, logo, primary button, cart with its live count and social icons are cloned live, so renaming or reordering pages in Squarespace updates the pill on the next load and there is no second menu to maintain.\u003c\/p\u003e\u003ch3\u003eWhat you can control\u003c\/h3\u003e\u003cp\u003eA visual configurator sets everything without code: left, centre or right alignment, offset from the top, open width (with a separate mobile width), corner radius from capsule to rounded rectangle, colours, shadow and the toggle button. Larger menus can be organised into headed columns, folders become click-to-expand sub-menus, and optional extras include a frosted liquid glass effect, a dimmed backdrop behind the open menu, scroll-spy for one-page sites and four scroll behaviours.\u003c\/p\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003ePortfolio, studio, architecture and hospitality sites with strong imagery where a full-width header feels heavy, and designers who want a distinctive navigation without building one from scratch.\u003c\/p\u003e\u003ch3\u003eOne honest caveat\u003c\/h3\u003e\u003cp\u003eYour header's Navigation Design colour must be set to Adaptive before installing, because that is the mode PillNav reads. It is Squarespace 7.1 only and needs Code Injection, so a Core plan or higher. A floating pill is a strong design statement, so check the live demo against your own site before committing.\u003c\/p\u003e\u003ch3\u003eInstallation\u003c\/h3\u003e\u003cp\u003eStyle it in the configurator, copy the config and paste two blocks into your site. It is a one-time purchase with free updates, and the engine is lightweight, keyboard accessible and respects reduced-motion settings.\u003c\/p\u003e","brand":"SQS Mods","offers":[{"title":"Default Title","offer_id":66126761853277,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/PillNav.gif?v=1791220825","url":"https:\/\/www.squarelocator.com\/products\/pillnav-floating-pill-navigation-sqs-mods","provider":"SquareLocator","version":"1.0","type":"link"}