{"product_id":"header-background-and-transparency-turbo","title":"Header Background and Transparency","description":"\u003cp class=\"task-lead\"\u003eA footwear brand wanted a transparent header over the homepage hero that turned solid as the customer scrolled.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe want the header transparent over the homepage banner so the image runs edge to edge, then solid white when the customer scrolls down. Logo switches from white to dark at the same time.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA cinematic homepage look the theme didn't support out of the box.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the header transparent on the homepage with a light logo, transitioning to a solid background and dark logo on scroll. Interior pages keep the solid header throughout.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eTransparent header over the homepage hero\u003c\/li\u003e\n\u003cli\u003eSolid header and dark logo on scroll\u003c\/li\u003e\n\u003cli\u003eLight and dark logo variants\u003c\/li\u003e\n\u003cli\u003eSolid header on interior pages\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155688386634,"sku":"TASK-0241","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/header-background-and-transparency-turbo","provider":"TaskHusky","version":"1.0","type":"link"}