{"product_id":"circle-burger-icon-mobile-menu-ghost-plugins","title":"Circle Burger Icon (Mobile Menu)","description":"\u003cp\u003eCircle Burger Icon (Mobile Menu) is a free CSS plugin from Ghost Plugins for Squarespace 7.1. Use it to replace the default mobile menu burger icon with a circle burger icon. It changes the header and navigation with a short snippet pasted into Custom CSS, so there is no script to load and nothing to sign up for.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eA copy and paste CSS snippet for Squarespace's Custom CSS panel\u003c\/li\u003e\n\u003cli\u003eSettings you can adjust in the code: circle burger icon (menu is closed), close X icon (menu is open), menu icon alignment, menu icon size, menu icon colour (dark or light)\u003c\/li\u003e\n\u003cli\u003eGhost lists it as compatible with all mobile header layouts.\u003c\/li\u003e\n\u003cli\u003eThe circle burger icon and a matching X close icon are included.\u003c\/li\u003e\n\u003cli\u003eFree use on unlimited personal and client sites under Ghost's licence\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eDesigners and site owners who want the header or menu to feel less like a stock Squarespace template without paying for a full navigation plugin.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eBuilt for Squarespace 7.1; Ghost does not list 7.0 support.\u003c\/li\u003e\n\u003cli\u003eChange icon alignment to left if mobile header layout moves icon to the left side.\u003c\/li\u003e\n\u003cli\u003eTo use your own icon instead, upload it through Custom CSS \u0026gt; Manage Files and swap its URL into the code.\u003c\/li\u003e\n\u003cli\u003eIt targets Squarespace's own class names, so a future platform update could change how it looks. Re-check it if something shifts.\u003c\/li\u003e\n\u003cli\u003eFree plugins are provided as is; there is no paid support plan attached to them.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eOpen the plugin page on Ghost Plugins, copy the CSS and paste it into Custom CSS in your Squarespace site, then save. There is no download, account or checkout. Ghost's licence allows free plugins on unlimited personal and commercial projects, but they cannot be resold, redistributed or bundled into products you sell.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/free-squarespace-plugins\"\u003eFree Squarespace plugins\u003c\/a\u003e and the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins hub\u003c\/a\u003e.\u003c\/p\u003e","brand":"Ghost Plugins","offers":[{"title":"Default Title","offer_id":66220476531037,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/circle_menu.webp?v=1792059188","url":"https:\/\/www.squarelocator.com\/products\/circle-burger-icon-mobile-menu-ghost-plugins","provider":"SquareLocator","version":"1.0","type":"link"}