back arrow
All Blogs
Hamburger Menu Email Inspirations

Brands that nailed it with Hamburger Menu in emails

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.

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.

Build Custom Navigation Menu for Your Emails using our innovative tool

Why do brands include navigation menu?

Most clothing retailers and home furnishing brands began including navigation menu in their promotional email templates to enhance the scope of the subscribers visiting their website. This way, marketers don’t need to rely on the subscriber to click on the CTA in order to convert. Based on the subscriber’s’ 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.

Check out this email from Yandy.com.
Yandy.com-Desktop-Hamburger-Menu

Why is hamburger menu or any other navigation menu needed?

When the above email is viewed in a handheld device, owing to the responsive email design, the navigation menu shrinks to be accommodated in the limited space. This defeats the utility of the menu to be tappable by the subscriber’s thumb.
Yandy.com-Mobile-Hamburger-Menu
Even 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’t affect the first fold.
Footwear-Desktop-Hamburger-Menu
Desktop version of the email by Footwear etc.
Footwear-Mobile-Hamburger-Menu
In the mobile version, the navigation gets readjusted to the bottom

Examples of brand emails to look up to

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.

1. Nordstrom

NordStrom-Mobile---Hamburger-Menu

2. Smashbox

SmashBox-Mobile---Hamburger-Menu

3. Old Navy

Old-Navy-Mobile-Hamburger-Menu

4. Liberty London

Liberty-London-Mobile-Hamburger-Menu

5. HorChow

Horchow-Mobile-Hamburger-Menu

6. Pier1 Imports

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.
Pier1-Desktop-Hamburger-Menu
Pier1-Mobile-Hamburger-Menu
Try Hamburger Menu in Email!

Wrapping Up

Impressed by the showcased emails? Wish to include a navigation menu in your holiday email design? Get in touch with Uplers.  Feel free to give your suggestion in the comments below.

The following two tabs change content below.
Kevin is the Head of Marketing at Uplers, one of the fastest-growing email design and coding companies. He loves gadgets, bikes, jazz, and breathes ‘email marketing’. He is a brand magician who loves to engage, share insights with fellow marketers, and enjoys sharing his thoughts on the latest email marketing best practices.

Leave a Reply

YOU MAY ALSO LIKE

WE CAN ALSO HELP YOU WITH

Email Template
Productions

Transform your requirement into visually-appealing & high-converting email templates.

EMAIL OPERATION
SUPPORT

Focus on your business strategy; let us handle the day-to-day operation of your email campaigns.

DEDICATED
RESOURCE TEAM

Eliminate the woes of hiring and training for resources with our dedicated team of scalable email experts.

Digital
ASSETS

Get more from your paid marketing campaigns through conversion-driven landing pages and banners.