The classes are on hover and active, so on click on iOS the three options should drop down. I got it working on an iPhone so I was pretty happy there. Yeah I expect nothing to happen in Gmail. The whole thing is based on media queries which the Gmail apps don't support (yet - hopefully). I gave up in the end trying to get it to work in Gmail apps. I've never tried with the Yahoo app though. That is good feedback - thank you.
Gmail strips IDs in emails which is what I am using for the anchors. So in Gmail the nav won't work. I was a bit lazy and didn't update my code so it supported Gmail. Gmail doesn't strip name attributes on links so you can use <a href="#name-attribute-of-destination-link"></a> and send down to the destination link which would look like this <a href="#" name="name-attribute-of-destination-link" id="name-attribute-of-destination-link"></a>. Note with anchors they normally jump down to the element with that ID, so for all other clients the id will have to be the same as name.
I haven't tested it well, but that is how it is done in the Smashing magazine newsletter so I would assume it would work. Does that help? I can post another version with it working if that would help.
Thanks! I have some awesome designers to work with so it isn't all my doing.
The menu just links to sections within the email through anchors. The expanding one contains the where, when and cost. Nice and simple. I definitely agree with the menu bar not being detrimental to the CTA. I've seen too many emails that look like a website jammed it an email with no clear CTA that it has put me off them. I think your email the menu works really well as it really complements the content, whereas if I did something similar here I think it would be distracting.
I'll find you on linked in, sounds good!
Thanks Dane. Yeah I would love to know if you have any success with the share stuff. Abandoned call tracking, that is interesting. Good luck with it
That is really clever Dane. Great job! Question - how do you find people sharing things directly from email? It is something I have been meaning to try but have never got around to it.
Hi community! I thought I would share something I have been working on. Funnily enough it is also a travel related email, however this isn't from a travel agent/company. It is about visiting your sponsored child (I work for Compassion Australia).
The navigation in this email is very subtle on desktop, however on iOS and mobile devices that support media queries it blows out into a menu button with an expanding nav. I am not normally a fan of navigation in email as I think it can be distracting, but I thought it would be useful here as this email is quite long. Still working out a few things with Gmail, however I am pretty happy with it so far.
I would love your feedback.