From: Stadly Date: Mon, 17 Dec 2018 10:24:14 +0000 (+0100) Subject: Width of centered menus X-Git-Tag: v2.3.0~7^2~13^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F658%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Width of centered menus !important styles are ignored by Outlook when they are inlined. This rule (.menu[align="center"]) has higher specificity than the other rule setting the width (table.menu), so it is not necessary to have it declared as !important. Removing !important means that the style will be inlined as style="width: 100%" instead of style="width: 100% !important". The latter is ignored by Outlook, while the first one works. Ref: https://www.campaignmonitor.com/blog/email-marketing/2010/05/outlook-2007-and-the-inline-important-declaration/ --- diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss index 883b2598..82b483b7 100644 --- a/scss/components/_menu.scss +++ b/scss/components/_menu.scss @@ -63,7 +63,7 @@ table.menu.text-center a { //Centers the menus! .menu[align="center"] { - width: auto !important; + width: auto; } // Remove outside padding so that the menu aligns with other elements on the page