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 883b259857fb7ce8df0bb65c24380dc2aebf2116..82b483b7d629fe426a13cc2fb07f15e5dce256e0 100644 (file)
--- 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