{"product_id":"main-nav-buttons-pilled-will-s-toolkit","title":"Main Nav Buttons - Pilled","description":"\u003cp\u003eMain Nav Buttons - Pilled is a Header and Nav snippet from Will's Toolkit that wraps main navigation links in rounded pill shapes. In Will's animated preview the current link (Shop) sits in a dark filled pill, and a lighter pill appears behind Our Story and Gallery as the cursor passes over them.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eCode that styles main nav links as rounded pills\u003c\/li\u003e\n\u003cli\u003eFilled active state and lighter hover state\u003c\/li\u003e\n\u003cli\u003eAccess to the full Will's Toolkit Code Catalog with membership\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eBrands that like a soft, button-like header, common on shops, cafés and lifestyle brands. It makes the current page obvious at a glance.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eMembers-only code: you need an active Will's Toolkit subscription to see and copy it\u003c\/li\u003e\n\u003cli\u003eNeeds a Squarespace plan that allows custom code\u003c\/li\u003e\n\u003cli\u003eA styling snippet rather than a configurable plugin, so changes beyond the design shown mean editing CSS\u003c\/li\u003e\n\u003cli\u003eStyles the desktop header navigation; the mobile menu is unchanged\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eThis snippet sits in the Code Catalog of Will's Toolkit, Will Myers' membership for Squarespace designers, and is marked members only. Membership is $15 a month or $150 a year and includes the full Code Catalog, the Toolkit browser extension, the Robo-Will AI assistant, the Slack community and 20 per cent off Will's plugins. Snippets are copy and paste code added to your site. Will's catalogue lists it under Header \u0026amp; Nav, last updated 4\/30\/2025.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e browse every plugin we list in the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins collection\u003c\/a\u003e, or read our roundup of the \u003ca href=\"https:\/\/www.squarelocator.com\/blogs\/insights\/best-squarespace-plugins-in-2026\"\u003ebest Squarespace plugins in 2026\u003c\/a\u003e.\u003c\/p\u003e","brand":"Will's Toolkit","offers":[{"title":"Default Title","offer_id":66220098421085,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/2f906e31d66a68e6ddb1ebb9b338696fc914479a85339fdcbc0099fc0b768dc0.gif?v=1792056925","url":"https:\/\/www.squarelocator.com\/products\/main-nav-buttons-pilled-will-s-toolkit","provider":"SquareLocator","version":"1.0","type":"link"}