misc: adapt footer for mobile widths (#28305)

This commit is contained in:
Serghei Mihai 2019-05-16 16:53:30 +02:00
parent 3a228fd81c
commit c4d055613d
1 changed files with 15 additions and 1 deletions

View File

@ -648,6 +648,9 @@ div#footer {
font-size: 14px;
text-align: center;
width: 60em;
@media screen and (max-width: $mobile-limit) {
width: auto;
}
h3 {
display: inline-block;
padding: 5px 10px;
@ -685,11 +688,14 @@ div#footnote {
background: url(images/footer-metropole-plus.png) no-repeat center left;
min-height: 22px;
float: right;
@media screen and (max-width: $mobile-limit) {
float: none;
}
}
}
}
> div {
width: 95rem;
max-width: 95rem;
@media screen and (max-width: $mobile-limit) {
width: auto;
}
@ -700,6 +706,14 @@ div#footnote {
vertical-align: top;
margin: 0 auto;
}
@media screen and (max-width: $mobile-limit) {
width: auto;
> div {
width: auto;
display: block;
text-align: center;
}
}
}
}
}