Improve theme for small devices

main
Marc Riera Irigoyen 2018-03-05 23:58:09 +01:00
parent c02ceba2ad
commit 7842fb6456
1 changed files with 35 additions and 3 deletions

View File

@ -327,14 +327,46 @@ form textarea {
resize: none; resize: none;
} }
@media screen and (max-width: 699px) { @media screen and (max-width: 779px) {
#site-logo {
#header-left {
display: block; display: block;
float: none;
width: 100%;
text-align: center;
}
#header-right {
display: block;
float: none;
width: 100%;
text-align: center;
}
#site-logo,
#site-title {
display: block;
float: none;
margin: auto;
}
#site-title,
#site-slogan {
padding: 0px 5px;
}
.language-selector {
text-align: center;
float: none;
}
nav {
text-align: center;
} }
} }
@media (min-width: 700px) { @media (min-width: 780px) {
#container { #container {
max-width: 1200px; max-width: 1200px;
} }