Submenu açıldığında submenu'ye geçtiğinizde rengin aynı kalmasını istiyorsanız ( anladığım bu ) li a:hover yüksek ihtimal sizde onu li:hover a yapmanız gerekiyor. Kodları görmeden pek birşey diyemiceğim malesef.
.header {
height: 80px;
border-bottom: 1px solid #da2f2f;
background: #fff;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);
position: relative;
z-index: 12; }
.header .logo {
position: relative;
top: 20px; }
.header ul.menu {
float: right;
border-right: 1px solid #f9f9fa; }
.header ul.menu > li {
float: left;
border-left: 1px solid #f9f9fa; }
.header ul.menu > li a {
display: block;
line-height: 80px;
font-weight: 700;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
font-size: 16px;
color: #626a88;
padding: 0 20px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; }
.header ul.menu > li a:hover {
background-color: #da2f2f;
color: #fff; }
.header ul.menu > li a .fa {
margin-left: 5px; }
.header ul.menu > li.active a {
background-color: #3181c7;
background: -webkit-gradient(linear, left top, left bottom, from(#3894d2), to(#2765ac));
background: -moz-linear-gradient(top, #3894d2, #2765ac);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3894d2', endColorstr='#2765ac');
-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26) inset;
-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26) inset;
box-shadow: 0 0 49px rgba(0, 0, 0, 0.26) inset; }
header kısmındaki menü kodlarım bunlar.