Add mobile support
This commit is contained in:
parent
4045f07671
commit
81f02231c8
1 changed files with 24 additions and 0 deletions
|
@ -198,4 +198,28 @@ banner::before {
|
|||
@keyframes bigBanner {
|
||||
from {transform: scale(1.2);}
|
||||
to {transform: scale(1);}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#grid-5050 {grid-template-columns: auto !important;}
|
||||
}
|
||||
@media only screen and (max-width: 750px) {
|
||||
header {margin-bottom: 70px;}
|
||||
.header::before {height: 155px !important}
|
||||
banner img {
|
||||
object-position: 0px !important;
|
||||
height: 260px !important;
|
||||
}
|
||||
banner::before {
|
||||
height: 260px !important;
|
||||
}
|
||||
#for-banner {
|
||||
margin: 100px 0px 54px 0px !important;
|
||||
}
|
||||
.menu {
|
||||
position: absolute !important;
|
||||
top: 80px !important;
|
||||
left: 0px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
Reference in a new issue