Remove outside padding

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index ff4f91215b31235cd541b036576ecb1302883027..883b259857fb7ce8df0bb65c24380dc2aebf2116 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -64,4 +64,20 @@ table.menu.text-center a {
 //Centers the menus!
 .menu[align="center"] {
   width: auto !important;
-}
\ No newline at end of file
+}
+
+// Remove outside padding so that the menu aligns with other elements on the page
+.menu:not(.float-center) {
+    .menu-item:first-child{padding-left:0!important;}
+    .menu-item:last-child{padding-right:0!important;}
+}
+.menu.vertical .menu-item {
+    padding-left:0!important;
+    padding-right:0!important;
+}
+@media only screen and (max-width: #{$global-breakpoint}) {
+    .menu.small-vertical .menu-item {
+        padding-left:0!important;
+        padding-right:0!important;
+    }
+}