Fix #4717: Repsonsive layout alignment issue on small screens

This commit is contained in:
buddh4 2020-12-17 14:36:43 +01:00
parent 18edbc0e26
commit 307572915f
3 changed files with 10 additions and 20 deletions

View File

@ -18,18 +18,6 @@ body {
}
}
@media (max-width: 920px) {
body {
padding-top: 115px;
}
}
@media (min-width: 768px) and (max-width: 920px) {
body {
padding-top: 120px;
}
}
a:hover {
text-decoration: none;
}
@ -106,12 +94,14 @@ input[type=select] {
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 920px) {
#topbar-first, #topbar-second {
.container {
padding-left: 10px;
padding-right: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.layout-nav-container, .layout-content-container {
color:#123456;
padding: 0 15px;
}
body {
padding-top: 120px;
}
}

View File

@ -59,7 +59,7 @@ body.modal-open {
width: 900px;
}
@media screen and (max-width: 920px) {
@media screen and (max-width: 991px) {
.modal-dialog-large {
width: auto !important;
padding-top: 30px;

File diff suppressed because one or more lines are too long