{"id":6890,"date":"2017-02-21T19:14:09","date_gmt":"2017-02-21T13:44:09","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=6890"},"modified":"2020-07-26T23:15:24","modified_gmt":"2020-07-26T17:45:24","slug":"desktop-layout-gmail-responsive-email-templates","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/","title":{"rendered":"Does Gmail responsive Templates still need Desktop Layout Forced?"},"content":{"rendered":"

On 14th September, developers at Google turned every email developers<\/a>\u2019 world a tad brighter by announcing that soon their email clients shall support media queries from the next update. At the time of writing this article, Google stuck true to their words and responsive emails have started to grace inboxes of innumerable Gmail users.<\/p>\n

\"\"<\/a><\/div><\/div>\n

<\/span><\/span><\/p>\n

Why the news was welcomed by all?<\/h2>\n

Earlier, Gmail didn\u2019t support media queries out-of-box. This meant the responsive email templates<\/a> opened in Gmail would have a broken layout compared to native email clients.<\/p>\n

\"gmail<\/p>\n

As you can see, in the email being viewed on a mobile device, Gmail automatically bumps the font size to make it readable. But this in turn can ruin the overall layout and disrupt the overall user experience.<\/p>\n

\"Oh<\/p>\n

A workaround solution was to code the email in a spongy layout and then adding media queries for the other email clients<\/a> and such kind of layout was called Hybrid email.<\/p>\n

\"gmail<\/p>\n

But hybrid coding was too complex and was a waste of time.<\/p>\n

\"\"<\/a><\/div><\/div>\n

Other alternative<\/h2>\n

In such cases, the email needs to be forced to render the desktop view of the email by adding a separate div consisting of some amount of \u2018&nbsp\u2019 after the footer.<\/p>\n

\"gmail<\/p>\n

\"\"<\/a><\/div><\/div>\n

It\u2019s 2017, Gmail is now responsive\u2026<\/h2>\n

\u2026. but do we still need to enforce desktop view in mobile devices??? The answer is yes as well as no. For those mobile devices with unusual display density or low display resolution, it is necessary to enforce desktop view.<\/p>\n

\"gmail<\/p>\n

Other scenarios wherein you need to selectively force desktop view<\/h2>\n

Subscriber\u2019s Gmail is not updated due to improper iOS version<\/strong>: Certain Apple devices, owing to hardware restrictions get stuck at a specific iOS version and hence cannot update their Gmail. This means, if they wish to enjoy the responsive email, templates need the desktop layout coded.<\/p>\n

\"\"<\/a><\/div><\/div>\n

Low storage spaces cause Gmail to not update<\/strong>: Majorly observed in Android devices, due to low internal storage, Gmail cannot be updated similar to previous case.<\/p>\n

But this doesn\u2019t mean that we enforce desktop view in all devices. Since the div is nested in media query, the desktop view is only triggered when not forced always.<\/p>\n

<div class=\"em_div\" style=\"white-space:nowrap; font:20px courier; color:#ffffff; \nbackground-color:#ffffff;\">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;\n&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/div><\/pre>\n
Parting Thoughts:<\/h2>\n
Noticed any new bug after Gmail\u2019s responsiveness update? Share your experience in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"
On 14th September, developers at Google turned every email developers\u2019 world a tad brighter by announcing that soon their email clients shall support media queries from the next update. At the time of writing this article, Google stuck true to their words and responsive emails have started to grace inboxes of innumerable Gmail users. Why […]<\/p>\n","protected":false},"author":1,"featured_media":16348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[381],"tags":[656,658,657,655],"class_list":["post-6890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-design","tag-gmail-email-templates","tag-gmail-html-email","tag-gmail-responsive-email","tag-responsive-email-templates"],"yoast_head":"\nDesktop View to be forced in Gmail responsive email templates?<\/title>\n<meta name=\"description\" content=\"Gmail supports responsive email templates after their recent update. Yet owing to certain circumstances, the desktop layout needs to be forced. Learn Why?\" \/>\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\/desktop-layout-gmail-responsive-email-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desktop View to be forced in Gmail responsive email templates?\" \/>\n<meta property=\"og:description\" content=\"Gmail supports responsive email templates after their recent update. Yet owing to certain circumstances, the desktop layout needs to be forced. Learn Why?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/\" \/>\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-02-21T13:44:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-26T17:45:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1-540x282.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\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\/desktop-layout-gmail-responsive-email-templates\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/\",\"name\":\"Desktop View to be forced in Gmail responsive email templates?\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa\"},\"description\":\"Gmail supports responsive email templates after their recent update. Yet owing to certain circumstances, the desktop layout needs to be forced. Learn Why?\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1.jpg\",\"width\":1170,\"height\":470},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Does Gmail responsive Templates still need Desktop Layout Forced?\"}]},{\"@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":"Desktop View to be forced in Gmail responsive email templates?","description":"Gmail supports responsive email templates after their recent update. Yet owing to certain circumstances, the desktop layout needs to be forced. Learn Why?","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\/desktop-layout-gmail-responsive-email-templates\/","og_locale":"en_US","og_type":"article","og_title":"Desktop View to be forced in Gmail responsive email templates?","og_description":"Gmail supports responsive email templates after their recent update. Yet owing to certain circumstances, the desktop layout needs to be forced. Learn Why?","og_url":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2017-02-21T13:44:09+00:00","article_modified_time":"2020-07-26T17:45:24+00:00","og_image":[{"width":540,"height":282,"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1-540x282.jpg","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\/desktop-layout-gmail-responsive-email-templates\/","url":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/","name":"Desktop View to be forced in Gmail responsive email templates?","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/7ffa431167e8be5eb07b050cd5c663fa"},"description":"Gmail supports responsive email templates after their recent update. Yet owing to certain circumstances, the desktop layout needs to be forced. Learn Why?","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2017\/02\/Desktop-Layout-on-the-Gmail-Templates-1.jpg","width":1170,"height":470},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/desktop-layout-gmail-responsive-email-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Does Gmail responsive Templates still need Desktop Layout Forced?"}]},{"@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\/6890","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=6890"}],"version-history":[{"count":21,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/6890\/revisions"}],"predecessor-version":[{"id":21211,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/6890\/revisions\/21211"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/16348"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=6890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=6890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=6890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}