Morden: Fix footer side margin on mobile

morden/sass/_extra-child-theme.scss

@@ -63,10 +63,14 @@ body {
 		}
 	}
 }
-
 #colophon {
 	padding-left: 0;
 	padding-right: 0;
+
+	@include media(mobile-only) {
+		padding-left: map-deep-get($config-global, "spacing", "horizontal");
+		padding-right: map-deep-get($config-global, "spacing", "horizontal");
+	}
 }
 
 /**

morden/style-rtl.css

@@ -684,9 +684,7 @@ a {
 .site-header:after,
 .site-content:after,
 .site-footer:after {
-	content: "";
-	display: table;
-	table-layout: fixed;
+	clear: both;
 }
 
 /**
@@ -3670,6 +3668,13 @@ p:not(.site-title) a:hover {
 	padding-left: 0;
 }
 
+@media only screen and (max-width: 559px) {
+	#colophon {
+		padding-right: 16px;
+		padding-left: 16px;
+	}
+}
+
 /**
  * Mobile-Menu
  */

morden/style.css

@@ -684,9 +684,7 @@ a {
 .site-header:after,
 .site-content:after,
 .site-footer:after {
-	content: "";
-	display: table;
-	table-layout: fixed;
+	clear: both;
 }
 
 /**
@@ -3699,6 +3697,13 @@ p:not(.site-title) a:hover {
 	padding-right: 0;
 }
 
+@media only screen and (max-width: 559px) {
+	#colophon {
+		padding-left: 16px;
+		padding-right: 16px;
+	}
+}
+
 /**
  * Mobile-Menu
  */