{"id":8893,"date":"2017-10-25T19:00:05","date_gmt":"2017-10-25T13:30:05","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=8893"},"modified":"2020-07-09T23:18:22","modified_gmt":"2020-07-09T17:48:22","slug":"hamburger-menu-email-examples","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/","title":{"rendered":"Brands that nailed it with Hamburger Menu in emails"},"content":{"rendered":"

\"\"<\/a>The world is going mobile. Handheld devices of varying screen dimensions are slowly flooding the market and loyalists are already making their move on getting their hands on each one of them. Moreover, considering the fact that almost 55% of email opens occur on mobile devices, email design needs to accommodate the message within the first fold or at least within the 50-75px margin from the top.<\/p>\n

When a subscriber opens your emails, it should be devoid of any distractions. You can include a Fixed CTA in your email, but tucking your navigation behind a hamburger menu is a more viable option compatibility-wise.<\/p>\n

<\/p>\n

Why do brands include navigation menu?<\/h3>\n

Most clothing retailers and home furnishing brands began including navigation menu in their promotional email templates<\/a> to enhance the scope of the subscribers visiting their website. This way, marketers don\u2019t need to rely on the subscriber to click on the CTA in order to convert. Based on the subscriber’s\u2019 choice and brand’s product categories, the subscriber can click on the relevant option in the navigation menu and get redirected to the appropriate section of the website and make a purchase.<\/p>\n

Check out this email from Yandy.com<\/strong>.
\n\"Yandy.com-Desktop-Hamburger-Menu\"<\/p>\n

Why is hamburger menu or any other navigation menu needed?<\/h3>\n

When the above email is viewed in a handheld device, owing to the responsive email design<\/a>, the navigation menu shrinks to be accommodated in the limited space. This defeats the utility of the menu to be tappable by the subscriber\u2019s thumb.
\n\"Yandy.com-Mobile-Hamburger-Menu\"
\nEven scarier, if the navigation menu stacks on each other, the overall length of the email increases and the information intended to be visible in the first fold gets shifted downwards. A workaround is to have the navigation menu stacked in the footer of the email so that it doesn\u2019t affect the first fold.
\n\"Footwear-Desktop-Hamburger-Menu\"
\nDesktop version of the email by Footwear etc<\/strong>.
\n\"Footwear-Mobile-Hamburger-Menu\"
\nIn the mobile version, the navigation gets readjusted to the bottom<\/p>\n

Examples of brand emails to look up to<\/h2>\n

Uplers present to you some brands that have nailed the design game with Hamburger Menu. As you can observe, the menu in the following emails either pops over the email copy or expands (as in case of Liberty London) to push the email content down.<\/p>\n

1. Nordstrom<\/h3>\n

\"NordStrom-Mobile---Hamburger-Menu\"<\/p>\n

2. Smashbox<\/h3>\n

\"SmashBox-Mobile---Hamburger-Menu\"<\/p>\n

3. Old Navy<\/h3>\n

\"Old-Navy-Mobile-Hamburger-Menu\"<\/p>\n

4. Liberty London<\/h3>\n

\"Liberty-London-Mobile-Hamburger-Menu\"<\/p>\n

5. HorChow<\/h3>\n

\"Horchow-Mobile-Hamburger-Menu\"<\/p>\n

6. Pier1 Imports<\/h3>\n

Going in the opposite direction Pier1 Imports hides the navigation menu when viewed in mobile layout. Those interested can scroll down to click relevant links and get redirected to corresponding landing page.
\n\"Pier1-Desktop-Hamburger-Menu\"
\n\"Pier1-Mobile-Hamburger-Menu\"
\n<\/p>\n

Wrapping Up<\/h2>\n

Impressed by the showcased emails? Wish to include a navigation menu in your holiday email design? Get in touch with Uplers.\u00a0 Feel free to give your suggestion in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"

The world is going mobile. Handheld devices of varying screen dimensions are slowly flooding the market and loyalists are already making their move on getting their hands on each one of them. Moreover, considering the fact that almost 55% of email opens occur on mobile devices, email design needs to accommodate the message within the […]<\/p>\n","protected":false},"author":1,"featured_media":8895,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[390],"tags":[797,798,799],"class_list":["post-8893","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-inspirations","tag-hamburger-menu-in-email","tag-menu-in-email-examples","tag-menu-in-email-inspirations"],"yoast_head":"\nTop Brands that nailed it with Hamburger Menu in emails<\/title>\n<meta name=\"description\" content=\"The benefits of using a Hamburger Menu and how brands have made optimum use of this interactive element in their email campaigns.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top Brands that nailed it with Hamburger Menu in emails\" \/>\n<meta property=\"og:description\" content=\"The benefits of using a Hamburger Menu and how brands have made optimum use of this interactive element in their email campaigns.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-25T13:30:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-09T17:48:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"198\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kevin George\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin George\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/\",\"name\":\"Top Brands that nailed it with Hamburger Menu in emails\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"The benefits of using a Hamburger Menu and how brands have made optimum use of this interactive element in their email campaigns.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg\",\"width\":\"1170\",\"height\":\"428\",\"caption\":\"Hamburger Menu Email Inspirations\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brands that nailed it with Hamburger Menu in emails\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\",\"name\":\"Kevin George\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png\",\"caption\":\"Kevin George\"},\"description\":\"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/kevin-george-email\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top Brands that nailed it with Hamburger Menu in emails","description":"The benefits of using a Hamburger Menu and how brands have made optimum use of this interactive element in their email campaigns.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/","og_locale":"en_US","og_type":"article","og_title":"Top Brands that nailed it with Hamburger Menu in emails","og_description":"The benefits of using a Hamburger Menu and how brands have made optimum use of this interactive element in their email campaigns.","og_url":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2017-10-25T13:30:05+00:00","article_modified_time":"2020-07-09T17:48:22+00:00","og_image":[{"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg","width":540,"height":198,"type":"image\/jpeg"}],"author":"Kevin George","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Kevin George","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/","url":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/","name":"Top Brands that nailed it with Hamburger Menu in emails","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"The benefits of using a Hamburger Menu and how brands have made optimum use of this interactive element in their email campaigns.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/10\/Hamburger-Menu-Email-Inspirations.jpg","width":"1170","height":"428","caption":"Hamburger Menu Email Inspirations"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/hamburger-menu-email-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Brands that nailed it with Hamburger Menu in emails"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa","name":"Kevin George","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/03\/Img-96x96.png","caption":"Kevin George"},"description":"Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.","sameAs":["https:\/\/www.linkedin.com\/in\/kevin-george-email\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/8893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=8893"}],"version-history":[{"count":30,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/8893\/revisions"}],"predecessor-version":[{"id":20939,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/8893\/revisions\/20939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/8895"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=8893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=8893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=8893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}