{"product_id":"logo-size-and-position-in-header-turbo","title":"Logo Size and Position in Header","description":"\u003cp class=\"task-lead\"\u003eA footwear brand wanted their header split into two rows with the logo enlarged and centered in the top row.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eDivide the top header into two rows. Logo large and centered in the top row. Navigation in the second row underneath. Screenshots attached.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe single-row header cramped the logo.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe restructured the header into two rows: a top row with a large centered logo and utility icons at the edges, and a navigation row beneath. On mobile it collapses to a single row.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eTwo-row header on desktop\u003c\/li\u003e\n\u003cli\u003eLarge centered logo in the top row\u003c\/li\u003e\n\u003cli\u003eNavigation in the second row\u003c\/li\u003e\n\u003cli\u003eSingle-row collapse on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155681144906,"sku":"TASK-0164","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/logo-size-and-position-in-header-turbo","provider":"TaskHusky","version":"1.0","type":"link"}