Hi Corey, thanks for the feedback! Let me check with Guillermo, our BEE product manager, on the feasibility of your feature request.
Mobile Size Alternate Styles
After using BeePro for a few weeks, I was wondering if there was any thought into allowing alternate styles (alignment, padding, size, etc.) when the email is viewed on mobile? An example of this use would be for something like a logo image that you want to be left aligned at full size, but then when things shift and stack in a mobile view you want that logo's alignment to switch to center aligned. This type of change could probably be accomplished on by manually editing the media query code after exporting/downloading the email from BeePro, but it would be great to adjust those attributes right in the WYSIWYG editor.
Please sign in to leave a comment.
Hi Corey, I'll pitch in on this.
Until recently Gmail did not support media queries, and therefore there was no way to show / hide content elements consistently across all popular email clients. In other words, even if a content element were supposed to be hidden on all mobile devices, it would have been shown if the recipient were reading the email in the Gmail app on their smartphone.
Now that Gmail has introduced support for media queries, this becomes technically feasible and it turns into a backlog prioritization matter.
It is something that we are considering, but it is not currently at the top of our product backlog. It's very unlikely that it will be included in a 2016 release, but it could become a feature in 2017, especially if we see an increase in customer requests.
Thanks again for your feedback.
Sounds great, thanks much for the quick responses and I will look for the feature's possible integration in 2017.
This really makes sense.
Just basically an option to define each style again but for mobile view.
Bumping this as it'd be a very cool feature!
Today we shipped "Do not stack on mobile". Not exactly what you were looking for, but a step in the right direction :-)
It's a new property at the row level...
... which triggers a change in the HTML code created by BEE that leads to columns remaining side by side on mobile devices, instead of stacking vertically.