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

magento-engcom-team · magento-engcom-team · commit b35f02713209 · 2018-05-19T23:32:10.000-05:00
- Merge Pull Request #15353 from chirag-wagento/magento2:responsive-design-footers - Merged commits: 1. eef111f
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) {

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