Responsive Design Footers bottom of screen on mobile devices #15118

magento · May 19, 2018 · eef111f · eef111f
1 parent 9644572
commit eef111f
Showing 1 changed file with 7 additions and 0 deletions.
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
@@ -265,6 +265,7 @@
         display: block;
         padding: @indent__s;
         text-align: center;
+        box-sizing: border-box;
     }
 
     .page-header,
@@ -415,6 +416,12 @@
             }
         }
     }
+    .page-footer,
+    .copyright {
+        bottom: 0;
+        position: absolute;
+        width: 100%;
+    }
 }
 
 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {