Morden: Fix footer side margin on mobile
This commit is contained in:
parent
82bb2bc090
commit
b55aaaf9b2
3 changed files with 21 additions and 7 deletions
|
@ -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");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
@ -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
|
||||
*/
|
||||
|
|
|
@ -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
|
||||
*/
|
||||
|
|
Loading…
Reference in a new issue