{"product_id":"move-hamburger-position-parallax","title":"Move Hamburger Position","description":"\u003cp class=\"task-lead\"\u003eA brand wanted their mobile navigation adjusted: logo on the left, hamburger on the right, and the menu bar colors inverted.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eUpdate the mobile navigation so it has our logo on the left and the menu icon on the right. And change the menu bar from black background with white text to white with black text.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSmall changes with a big effect on how the mobile header felt.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe repositioned the logo and hamburger, inverted the menu bar colors, and checked the header at every mobile breakpoint so nothing overlapped.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLogo left, hamburger right on mobile\u003c\/li\u003e\n\u003cli\u003eMenu bar colors inverted\u003c\/li\u003e\n\u003cli\u003eChecked at every mobile breakpoint\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155682553930,"sku":"TASK-0192","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/move-hamburger-position-parallax","provider":"TaskHusky","version":"1.0","type":"link"}