forked from Disroot/Howto
remove some @media and fix language btn position in mobile view
This commit is contained in:
parent
22888d4f5d
commit
725c710bb6
1 changed files with 50 additions and 18 deletions
|
@ -1,12 +1,6 @@
|
|||
@media (min-width:1201px) {
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) and (min-width:901px) {
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1040px) {
|
||||
/* screenwidth less than 1000px
|
||||
------------------------------------*/
|
||||
@media only screen and (max-width: 1150px) {
|
||||
body {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
@ -18,7 +12,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
/* mobile wide/smaller tablets
|
||||
------------------------------------*/
|
||||
|
||||
@media only screen and (max-width: 830px) {
|
||||
|
||||
.narrow{
|
||||
max-width: 100%;
|
||||
|
@ -103,10 +100,6 @@
|
|||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 900px) and (min-width:601px) {
|
||||
|
||||
/* Language menu*/
|
||||
|
||||
.language-selector {
|
||||
|
@ -147,9 +140,48 @@
|
|||
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
||||
/* mobile narrow
|
||||
------------------------------------*/
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
/* Language menu*/
|
||||
|
||||
.language-selector {
|
||||
position: fixed;
|
||||
top: -10px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.language-selector .btn {
|
||||
top: 35px;
|
||||
font-size: 1.2rem;
|
||||
padding: 19px 15px;
|
||||
}
|
||||
|
||||
.language-selector ul#langSelectorList {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.language-selector .btn i {
|
||||
top: 40px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu {
|
||||
right: 150px;
|
||||
top: 200px;
|
||||
color: #b9a2ab;
|
||||
background-color: #50162D;
|
||||
border-color: #50162D;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu>li>a {
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue