http://prntscr.com/ed5xc8
resimde gördüğünüz gibi açık olan sayfanın arkası menüde böyle oluyor bunu düzenlemeye çalıştım ama menü kodlarında bulamadım. Kodları aşağıya attım yardımcı olursanız çok iyi olurdu. Direk o arkaplanı kaldırmak istiyorum.
.main_menu {
background: #0b3c4d;
height:60px;
}
.main_menu .navbar-default {
border:none;
background: transparent;
padding: 0;
margin:0;
}
.main_menu .nav>li {
font-family: 'Alegreya', serif;
font-size: 13px;
color:#cccccc;
text-transform: capitalize;
position: relative;
text-align: left;
padding-right: 22px;
padding-bottom: 18px;
}
.main_menu .nav li a span {
font-size: 13px;
color:#cccccc;
text-transform: capitalize;
position: relative;
text-align: left;
padding-right: 22px;
padding-bottom: 18px;
display:block;
line-height:14px;
margin-top: 5px;
font-family: 'Alegreya', serif;
}
.main_menu .nav>li:before {
content: '';
width:1px;
height:100%;
position: absolute;
right:0;
top:18px;
}
.main_menu .nav>li:last-child:before {
width:0;
}
.main_menu .nav>li a {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color:#fff;
font-size: 15px;
padding: 19px 15px 5px 24px !important;
}
.main_menu .nav>li:hover a{
color:#f8d179;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main_menu .nav li span {
padding-left: 24px;
}
.main_menu .nav>li:first-child a,
.main_menu .nav>li:first-child span,
.main_menu .nav>li:first-child {
padding-left: 0 !important;
}
.main_menu .nav>li:nth-child(3) {
padding-right: 16px;
}
.main_menu .nav>li:nth-child(4) {
padding-right: 13px;
}
.main_menu .nav>li:nth-child(5) {
padding-right: 25px;
}
.main_menu .nav li a i {
padding-left: 7px;
vertical-align: 2px;
}
.main_menu .nav>li>.sub-menu {
position: absolute;
z-index: 9999;
width:200px;
background: #272727;
top:120px;
opacity: 0;
visibility: hidden;
}
.main_menu .nav li .sub-menu li a {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 13px;
color:#fff;
display: block;
padding: 13px 14px;
border-bottom: 1px solid #464646;
}
.main_menu .nav>li:hover .sub-menu {
opacity: 1;
visibility: visible;
top:80px;
-webkit-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74);
-o-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74);
transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74);
}
.main_menu .nav li .sub-menu li a:hover {
background: #202020;
color:#f8d179;
-webkit-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.main_menu nav ul li.dropdown_menu .fa-bars {
display: none;
}
.main_menu .container {
position: relative;
}
.main_menu #search {
position: absolute;
width:calc(94% + 1px);
height:80px;
background: #093646;
top:0;
right:70px;
display: none;
}
.main_menu #search input {
width:100%;
height:100%;
border:none;
background: transparent;
font-weight: 300;
font-size: 28px;
color:#fff;
padding-left:30px;
}
.main_menu .search_click{
background: url(images/home/search-cross.png) no-repeat center center;
background-color: #093646;
border:none;
outline: none;
box-shadow: none;
width:80px;
height:80px;
}
@keyframes fixed-bouce {
0% {padding-top: 5px; background: #262626;}
25% {padding-top: 0;}
50% {padding-top: 3px;}
100% {padding-top: 0;}
}
.fixed {
position: fixed;
background: #272727;
top:0;
left:0;
width: 100%;
z-index: 9999;
animation-name: fixed-bouce;
animation-duration:1s;
-webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
}
