{"product_id":"main-nav-buttons-full-height-underlines-will-s-toolkit","title":"Main Nav Buttons - Full Height Underlines","description":"\u003cp\u003eMain Nav Buttons - Full Height Underlines is a Header and Nav snippet from Will's Toolkit that marks the hovered or active main navigation link with an underline sitting at the very bottom edge of the header. Will's animated preview shows a line sliding beneath Shop, Our Story, Gallery and About as the cursor moves across the menu.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eCode that adds an underline at the base of the header for nav links\u003c\/li\u003e\n\u003cli\u003eHover and active states for main navigation\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\u003eSites with a clean, minimal header that want a clear active state without boxes or colour blocks, such as shops, studios and editorial sites.\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":66220086034781,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/c878385764eb917bcb8288afc993bffae024715585c89066de64b6d681f1f3ab.gif?v=1792056842","url":"https:\/\/www.squarelocator.com\/products\/main-nav-buttons-full-height-underlines-will-s-toolkit","provider":"SquareLocator","version":"1.0","type":"link"}