Background-Color Problem in Internet Explorer for Unite


i do have a problem with the Background of the Unite-Theme which i do not understand really.
The Background should be white, which it is in all major browsers expect of Explorer.
The problem persists even then, when i add a background-image and the problem still occurs only in Explorer and on Windows-PCs. I added a Screenshot if the Browser-Test.

I added a custom-css in the backend (theme-options) maybe here is the problem somewhere and i just don’t see it. The color we are talking about is: #12235a.

My seconde Question is about the Logo-Position. I’d like to have the logo in the middle of the site. I thing i did wrong css. It is in the middle but when viewing the site with other device like phone the logo disapears maybe because of position relative?!

Thanks for your help! Looking forward to hear from you!


Added CSS:

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: #e75194;

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 100;
color: #e75194;

.navbar-inner {
max-height: 30px; /* change value here*/

.navbar-nav>li>a {
line-height: 17px;}

.site-branding.col-md-6 {
margin-left: 350px;
margin-right: auto;

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
margin-top: 30px;
margin-bottom: auto;

.navbar {
position: relative;
min-height: 56px;
margin-bottom: -30px;
border: 1px solid transparent;
background-color: #ffffff;
max-height: 30px;
.row {
margin-right: 0px;
margin-left: auto;
margin-top: 20px;
margin-bottom: -30px;
position: relative;

Found the solution for the logo. Just need help with the background! THX

Unfortunately, screenshots doesn’t help at all and I need to see your website to actually test what is going on.