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;
}
.topbanner{
@media (min-width: 1024px){
width: 83%;
float: right;
.banner-responsive{
height: 422px;
width: auto;
max-width: unset;
transform: scale(1.5);
@media (min-width: 1024px) {
.topbanner {
width: 80%;
padding: 0;
float: right;
height: 100%;
.banner-responsive {
height: 422px;
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){
margin-top: 23.7em;
}
@media(min-width:769px){
width: 20%;
float: left;
position: absolute;
}
}
.navbar-collapse.in {
overflow-y: unset;

View File

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