{"product_id":"sticky-header-on-mobile-symmetry","title":"Sticky Header on Mobile","description":"\u003cp class=\"task-lead\"\u003eA retailer about to launch on a new responsive theme wanted the header to stay fixed on scroll, on desktop and mobile.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI was referred by the theme developer. I'd like the header to stick on scroll on both desktop and mobile. Launch is in a week or two.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA launch-week addition.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the header sticky on both desktop and mobile with a slight shrink on scroll so it takes less space, and confirmed it didn't overlap page content.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSticky header on desktop\u003c\/li\u003e\n\u003cli\u003eSticky header on mobile\u003c\/li\u003e\n\u003cli\u003eShrinks slightly on scroll\u003c\/li\u003e\n\u003cli\u003eNo content overlap\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155686289482,"sku":"TASK-0210","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/sticky-header-on-mobile-symmetry","provider":"TaskHusky","version":"1.0","type":"link"}