Fix menu and banner layout.

This commit is contained in:
rulingcom 2021-11-01 10:48:57 +08:00
parent b8540188f8
commit 9fc486f74c
3 changed files with 26 additions and 16 deletions

View File

@ -22,15 +22,28 @@
background-color: #fff; background-color: #fff;
} }
.topbanner{ @media (min-width: 1024px) {
@media (min-width: 1024px){ .topbanner {
width: 83%; width: 80%;
float: right; padding: 0;
.banner-responsive{ float: right;
height: 422px; height: 100%;
width: auto; .banner-responsive {
max-width: unset; height: 422px;
transform: scale(1.5); width: auto;
max-width: unset;
transform: scale(1.5);
}
}
#layout-navigation {
width: 20%;
float: left;
position: absolute;
height: 100%;
#main-nav {
height: 100%;
margin-left: 0.9375em;
}
} }
}
} }

View File

@ -8,11 +8,6 @@
@media (min-width: 768px) and (max-width: 1024px){ @media (min-width: 768px) and (max-width: 1024px){
margin-top: 23.7em; margin-top: 23.7em;
} }
@media(min-width:769px){
width: 20%;
float: left;
position: absolute;
}
} }
.navbar-collapse.in { .navbar-collapse.in {
overflow-y: unset; overflow-y: unset;

View File

@ -23,7 +23,9 @@
//RWD //RWD
@import "RWD"; @import "RWD";
.modules-menu{
padding: 0;
}
.dropdown-toggle:focus { .dropdown-toggle:focus {
// outline: 2px solid #43B5FC; // outline: 2px solid #43B5FC;
outline: transparent; outline: transparent;