{"product_id":"multi-level-and-accordion-mobile-menu-prestige","title":"Multi-level and Accordion Mobile Menu","description":"\u003cp class=\"task-lead\"\u003eA retailer's mobile submenu colors were rendering wrong, making nested items unreadable.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe mobile menu isn't showing properly with the colors. When you open a submenu on mobile, the items are the same color as the background.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eInvisible submenu items on mobile.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe fixed the mobile submenu colors so nested items are readable at every level, and restructured the accordion so each level is visually distinct.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSubmenu colors fixed on mobile\u003c\/li\u003e\n\u003cli\u003eNested levels visually distinct\u003c\/li\u003e\n\u003cli\u003eAccordion behavior cleaned up\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155697954890,"sku":"TASK-0346","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/multi-level-and-accordion-mobile-menu-prestige","provider":"TaskHusky","version":"1.0","type":"link"}