{"id":5971,"date":"2016-09-01T00:00:00","date_gmt":"2016-09-01T00:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs\/"},"modified":"2025-12-18T16:39:16","modified_gmt":"2025-12-18T21:39:16","slug":"gmail-now-supports-display-none-what-it-means-for-your-email-designs","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs","title":{"rendered":"Gmail Now Supports display: none;: What It Means for Your Email Designs"},"content":{"rendered":"<p>Gmail is responsible for many headaches among email developers. Its lack of support for many CSS properties\u2014including the lack of support for the <code style=\"font-weight: bold; font-family: monospace;\">&lt;style&gt;<\/code> tag in the <code style=\"font-weight: bold; font-family: monospace;\">&lt;head&gt;<\/code> of an email\u2014has given rise to the collective sighing of email developers all over the world. Coding email is hard, especially for Gmail.<\/p>\n<p>But on Aug. 31, 2016, email geeks around the world noticed a big change happening in Gmail. It began supporting the CSS property <code style=\"font-weight: bold; font-family: monospace;\">display: none;<\/code>.<\/p>\n<h2>What is display:none; ?<\/h2>\n<p><code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> is a CSS property that hides specific elements of your email. For example, <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> can be used to hide preheader text that you want to use to control what preview text appears in the inbox, but that you don\u2019t want to have displayed in the body of an email. Or it can be used to control desktop-specific content you\u2019d like to hide when your subscriber opens on a mobile device.<\/p>\n<div class=\"cta\">\n<table>\n<tbody>\n<tr>\n<td class=\"block-1\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/cta-try-litmus-graphic.png\" alt=\"Try Litmus\" \/><\/td>\n<td class=\"block-2\">\n<h2>Preview your emails in Gmail<\/h2>\n<p>See how the changes in Gmail affected your design. Instantly preview your email in Gmail\u2014and 50+ other email clients\u2014with Litmus.<\/p>\n<p class=\"zero\"><a class=\"btn medium orange button\" rel=\"noopener\" href=\"https:\/\/litmus.com\/pricing\" target=\"_blank\" rel=\"noopener noreferrer\">Book a demo \u2192<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Gmail, however, has not supported the use of <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> in the past, causing lots of frustration in the email community.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">display:gmail; <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/t.co\/3o1dQl8R4J\">pic.twitter.com\/3o1dQl8R4J<\/a><\/p>\n<p>&mdash; Elliot Ross (@IAmElliot) <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/IAmElliot\/status\/758284529996103680?ref_src=twsrc%5Etfw\">July 27, 2016<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>In the past, in order to make preheader text disappear from the body of an email in Gmail, email designers had to use one of the following workarounds:<\/p>\n<ul>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;div style=\u201dmax-height: 0px; overflow: hidden;\u201d&gt;&lt;\/div&gt;<\/code><\/li>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;div style=\u201dwidth: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden;\u201d&gt;&lt;\/div&gt;<\/code><\/li>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;img style=\u201dwidth: 0px; height: 0px;\u201d \/&gt;<\/code><\/li>\n<\/ul>\n<p>Setting up those workarounds and overwriting the styling for other clients that may not support those CSS properties becomes incredibly time consuming, and can sometimes add hours to your development and testing time.<\/p>\n<p>Now, it looks like things have changed\u2014and this might be the biggest news for email designers this year.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">** All email works grinds to a halt across the world as email devs absorb the <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/hashtag\/gmail?src=hash&amp;ref_src=twsrc%5Etfw\">#gmail<\/a> news and start testing it for themselves **<\/p>\n<p>&mdash; Sharon Jennings (@EmailChicGeek) <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/EmailChicGeek\/status\/770993343002243073?ref_src=twsrc%5Etfw\">August 31, 2016<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<h2>Gmail now supports display:none;<\/h2>\n<p>As <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/email.uplers.com\/blog\/gmail-supports-display-none-css\/\">some attentive email geeks found out this week<\/a>, Gmail supports the use of <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> on all important HTML elements we\u2019ve tested, including:<\/p>\n<ul>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;div&gt;<\/code><\/li>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;img&gt;<\/code><\/li>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;a&gt;<\/code><\/li>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;table&gt;<\/code><\/li>\n<li><code style=\"font-weight: bold; font-family: monospace;\">&lt;input&gt;<\/code><\/li>\n<\/ul>\n<p>Don\u2019t believe it before you see it? We didn\u2019t either. So here\u2019s a code example with screenshots for you to check out:<\/p>\n<pre><code style=\"background: #333; color: #fff; margin: 20px 0 30px 0;\">&lt;!doctype html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Gmail display: none;&lt;\/title&gt;\n&lt;style&gt;\n  @media screen and (max-width: 2000px) {\n    * [summary~=\"hide\"] {display:none;}\n  }\n          \n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;div style=\"display: none;\"&gt;I will not show&lt;\/div&gt;\n      \n&lt;div class=\"hide\" summary=\"hide\"&gt;I will not show in Gmail.com webmail accounts&lt;\/div&gt;\n      \n&lt;a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/litmus.com\" style=\"display: none;\"&gt;I will not show&lt;\/a&gt;\n      \n&lt;img src=\"http:\/\/pages.litmus.com\/l\/31032\/2015-06-30\/3kn7qh\/31032\/63832\/litmus_logo_white.png\" style=\"background: black; display: none;\" width=\"130\" height=\"48\"&gt;\n      \n&lt;table style=\"display: none;\"&gt;\n  &lt;tr&gt;\n    &lt;td&gt;I will not show&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;\n      \n&lt;input type=\"checkbox\" style=\"display: none;\"&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>The change was rolled out to the entire family of clients, including Gmail, Google Apps, and Inbox by Gmail.<\/p>\n<div style=\"width: 100%; float: left; background: #f6f6f6; border: 1px solid #ddd; border-radius: 10px; padding: 15px; margin-bottom: 30px;\">\n<table style=\"border: 0; margin: 0;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"border: 0;\">\n<p style=\"margin: 0; font-weight: bold;\">display: none; Support in Gmail<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0;\">\n<figure id=\"post-6505 media-6505\" class=\"aligncenter\" style=\"float: left; margin: 4px 7px 0 0;\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/check-green.png\" alt=\"check-green\" width=\"15\" height=\"15\" \/><\/figure>\n<p style=\"margin: 0;\">Gmail (@gmail.com addresses in Chrome\/Firefox\/Explorer)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0;\">\n<figure id=\"post-6505 media-6505\" class=\"aligncenter\" style=\"float: left; margin: 4px 7px 0 0;\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/check-green.png\" alt=\"check-green\" width=\"15\" height=\"15\" \/><\/figure>\n<p style=\"margin: 0;\">Google Apps (Chrome\/Firefox\/Explorer)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0;\">\n<figure id=\"post-6505 media-6505\" class=\"aligncenter\" style=\"float: left; margin: 4px 7px 0 0;\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/check-green.png\" alt=\"check-green\" width=\"15\" height=\"15\" \/><\/figure>\n<p style=\"margin: 0;\">Inbox by Gmail (Chrome + Firefox)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0;\">\n<figure id=\"post-6505 media-6505\" class=\"aligncenter\" style=\"float: left; margin: 4px 7px 0 0;\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/check-green.png\" alt=\"check-green\" width=\"15\" height=\"15\" \/><\/figure>\n<p style=\"margin: 0;\">Inbox by Gmail (iOS\/Android)<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 0;\">\n<figure id=\"post-6505 media-6505\" class=\"aligncenter\" style=\"float: left; margin: 4px 7px 0 0;\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/check-green.png\" alt=\"check-green\" width=\"15\" height=\"15\" \/><\/figure>\n<p style=\"margin: 0;\">Gmail App (iOS\/Android)<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>What hasn\u2019t changed is that Gmail still lacks support for CSS classes or IDs, which means you\u2019ll still have to inline any CSS and move all styling information\u2014including the <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> property\u2014into the body of your HTML email.<\/p>\n<h2>Other Implications<\/h2>\n<p>As with any change in CSS support in an email client, the support of <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> in Gmail has a couple of interesting repercussions:<\/p>\n<h3>Hack to control font scaling for Gmail iOS app<\/h3>\n<p>On the iOS version of the Gmail app, automatic font scaling was a real problem. Font sizes would be scaled up, causing emails to look broken in the app. A hack was introduced to stop this from happening:<\/p>\n<pre><code style=\"background: #333; color: #fff; margin: 20px 0 30px 0;\">&lt;div style=\"display:none; white-space:nowrap; font:15px courier; color:#ffffff;\"&gt; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - &lt;\/div&gt;<\/code><\/pre>\n<p>As <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> is now supported in Gmail (including the iOS app) this hack no longer works, breaking hundreds of emails once again! There is a fix\u2014simply remove or move the <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> out of your inline CSS to embedded CSS. Justin Khoo from Fresh Inbox <a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/freshinbox.com\/blog\/gmail-supports-displaynone-and-gmail-ios-font-fix-update\">wrote about this fix here<\/a>.<\/p>\n<h3>Hide elements with attribute selector hack (including media-queries!)<\/h3>\n<p>While Gmail doesn\u2019t generally support CSS in the <code style=\"font-weight: bold; font-family: monospace;\">&lt;head&gt;<\/code>, some CSS selectors do work, notably lang and summary for @gmail.com addresses only. For example:<\/p>\n<pre><code style=\"background: #333; color: #fff; margin: 20px 0 30px 0;\">* [summary~=\"foo\"]{ {display:none;} }<\/code><\/pre>\n<p>This can be used to target elements in HTML that will work in Gmail too:<\/p>\n<pre><code style=\"background: #333; color: #fff; margin: 20px 0 30px 0;\">&lt;div summary=\u201dfoo\u201d&gt;I will not display (even in Gmail)&lt;\/div&gt;<\/code><\/pre>\n<p>Now that Gmail supports <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code>, you could use it in combination with a media query to hide content in Gmail webmail:<\/p>\n<pre><code style=\"background: #333; color: #fff; margin: 20px 0 30px 0;\">@media screen and (max-width: 600px) {\n    * [summary~=\"hide\"] {display:none;}\n}\n\n&lt;div summary=\u201dhide\u201d&gt;I will not display when width is 600px or below&lt;\/div&gt;<\/code><\/pre>\n<h2>Ideas for what to do with all the time you\u2019re not fixing Gmail<\/h2>\n<p>Now that you\u2019ll spend so much less time developing and troubleshooting your emails, what will you do with all the free time you\u2019ll now have available? Here are some suggestions:<\/p>\n<ul>\n<li><strong>Keep your fingers crossed that this change is permanent<\/strong><br \/>\nSometimes inbox providers test out changes to their rendering engines, but can <a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/discussions\/5336-yahoo-mail-update-potentially-breaks-hybrid-emails\">roll back<\/a> changes at any time. Let\u2019s hope they will never ever take away this one. Why not <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Thank%20you%20%40Gmail%20for%20supporting%20display%3A%20none%3B.%20This%20is%20the%20first%20step%20to%20%23makeemailbetter%20-%20http%3A%2F%2Fbit.ly%2F2bFQmmb\">tweet at them<\/a> and let them know how much we appreciate the change?<\/li>\n<li><strong>Load up Litmus\u2019 <a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/snippets\">Snippet Library<\/a><\/strong><br \/>\nWith all of your new <code style=\"font-weight: bold; font-family: monospace;\">display:none;<\/code> Gmail hacks.<\/li>\n<li><strong>Read a book<\/strong><br \/>\nIt\u2019s okay if it\u2019s one about email though. Here\u2019s <a rel=\"noopener\" href=\"https:\/\/litmus.com\/lp\/email-optimization-tips\">our recommendation<\/a>.<\/li>\n<li><strong>Test, test, and test some more<\/strong><br \/>\n<a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/11-reasons-to-test-every-email-before-you-send\">Continue testing <em>every<\/em> email you send<\/a> because email clients will continue to roll out unannounced changes like this in the future.<\/li>\n<\/ul>\n<h2>Preview your emails in Gmail<\/h2>\n<p>How did these changes impact your email designs? Use Litmus to instantly preview your email in Gmail\u2014and 50+ other email clients\u2014to ensure your designs are displaying as intended.<\/p>\n<p>This update from Gmail is a prime example of how email clients make support changes without notifying the email community. Always be sure you\u2019re putting your best email foot forward. Test every email before every send.<\/p>\n<p><a class=\"btn medium orange button\" style=\"color: #fff; font-weight: bold;\" rel=\"noopener\" href=\"https:\/\/litmus.com\/pricing\" target=\"_blank\" rel=\"noopener noreferrer\">Book a demo \u2192<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gmail made a small change that has some big implications for email designers. See what the latest update to Gmail&#8217;s rendering engine means for your email campaigns.<\/p>\n","protected":false},"author":3,"featured_media":5974,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[478,499,106],"blog_category":[57,53],"class_list":["post-5971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-design","tag-email-coding","tag-gmail","blog_category-observations","blog_category-tips-resources"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Gmail Now Supports display: none;: What It Means for Your Email Designs - Litmus<\/title>\n<meta name=\"description\" content=\"Gmail made a small change that has some big implications for email designers. See what the latest update to Gmail&#039;s rendering engine means for your 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:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gmail Now Supports display: none;: What It Means for Your Email Designs\" \/>\n<meta property=\"og:description\" content=\"Gmail made a small change that has some big implications for email designers. See what the latest update to Gmail&#039;s rendering engine means for your email campaigns.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-01T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T21:39:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/gmail-supports.png\" \/>\n\t<meta property=\"og:image:width\" content=\"690\" \/>\n\t<meta property=\"og:image:height\" content=\"362\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gmail Now Supports display: none;: What It Means for Your Email Designs - Litmus","description":"Gmail made a small change that has some big implications for email designers. See what the latest update to Gmail's rendering engine means for your 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:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs","og_locale":"en_US","og_type":"article","og_title":"Gmail Now Supports display: none;: What It Means for Your Email Designs","og_description":"Gmail made a small change that has some big implications for email designers. See what the latest update to Gmail's rendering engine means for your email campaigns.","og_url":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2016-09-01T00:00:00+00:00","article_modified_time":"2025-12-18T21:39:16+00:00","og_image":[{"width":690,"height":362,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/gmail-supports.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs"},"author":{"name":"","@id":""},"headline":"Gmail Now Supports display: none;: What It Means for Your Email Designs","datePublished":"2016-09-01T00:00:00+00:00","dateModified":"2025-12-18T21:39:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs"},"wordCount":857,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/gmail-supports.png","keywords":["Design","Email Coding","Gmail"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs","url":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs","name":"Gmail Now Supports display: none;: What It Means for Your Email Designs - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/gmail-supports.png","datePublished":"2016-09-01T00:00:00+00:00","dateModified":"2025-12-18T21:39:16+00:00","description":"Gmail made a small change that has some big implications for email designers. See what the latest update to Gmail's rendering engine means for your email campaigns.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/gmail-supports.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/gmail-supports.png","width":690,"height":362},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/gmail-now-supports-display-none-what-it-means-for-your-email-designs#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Gmail Now Supports display: none;: What It Means for Your Email Designs"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=5971"}],"version-history":[{"count":2,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5971\/revisions"}],"predecessor-version":[{"id":121724,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/5971\/revisions\/121724"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/5974"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=5971"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=5971"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=5971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}