Responsive Design Footers bottom of screen on mobile devices #15118

chirag-wagento · ihor-sviziev · commit f7228d01b348 · 2018-07-22T04:46:14.000Z
diff --git a/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less
@@ -264,6 +264,7 @@
         display: block;
         padding: @indent__s;
         text-align: center;
+        box-sizing: border-box;
     }
 
     .page-header,
@@ -417,6 +418,12 @@
             }
         }
     }
+    .page-footer,
+    .copyright {
+        bottom: 0;
+        position: absolute;
+        width: 100%;
+    }
 }
 
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {

Original file line number	Diff line number	Diff line change
`@@ -264,6 +264,7 @@`
`264`	`264`	`display: block;`
`265`	`265`	`padding: @indent__s;`
`266`	`266`	`text-align: center;`
	`267`	`+ box-sizing: border-box;`
`267`	`268`	`}`
`268`	`269`
`269`	`270`	`.page-header,`
`@@ -417,6 +418,12 @@`
`417`	`418`	`}`
`418`	`419`	`}`
`419`	`420`	`}`
	`421`	`+ .page-footer,`
	`422`	`+ .copyright {`
	`423`	`+ bottom: 0;`
	`424`	`+ position: absolute;`
	`425`	`+ width: 100%;`
	`426`	`+ }`
`420`	`427`	`}`
`421`	`428`
`422`	`429`	`.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {`