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,10 +22,12 @@
background-color: #fff; background-color: #fff;
} }
.topbanner{
@media (min-width: 1024px) { @media (min-width: 1024px) {
width: 83%; .topbanner {
width: 80%;
padding: 0;
float: right; float: right;
height: 100%;
.banner-responsive { .banner-responsive {
height: 422px; height: 422px;
width: auto; width: auto;
@ -33,4 +35,15 @@
transform: scale(1.5); 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;