ENGCOM-1606: Responsive Design Footers bottom of screen on mobile devices #15118 #15353

Author: Stanislav Idolov

app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less

@@ -262,6 +262,7 @@
     .copyright {
         .lib-css(background-color, @copyright__background-color);
         .lib-css(color, @color-white);
+        box-sizing: border-box;
         display: block;
         padding: @indent__s;
         text-align: center;
@@ -313,13 +314,14 @@
     //
     //  Widgets
     //  ---------------------------------------------
-
+    //  @codingStandardsIgnoreStart caused by bug in CodeSniffer implementation
     .sidebar {
         .widget.block:not(:last-child),
         .widget:not(:last-child) {
             margin-bottom: @indent__xl;
         }
     }
+    //  @codingStandardsIgnoreEnd
 
     .widget {
         clear: both;
@@ -333,7 +335,9 @@
         .widget.block {
             .lib-css(margin, @indent__base 0);
         }
-        .links .widget.block { margin: 0; }
+        .links .widget.block {
+            margin: 0;
+        }
     }
 
     .no-display:extend(.abs-no-display all) {
@@ -415,6 +419,12 @@
             }
         }
     }
+    .page-footer,
+    .copyright {
+        bottom: 0;
+        position: absolute;
+        width: 100%;
+    }
 }
 
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {