Trying to use a large top logo - unsuccessfully!

Product Support
13

If you want that for mobile too, use this instead (in Common):

.title .logo-big{display:none}
.brand-header{margin-bottom:-63px;height:185px}
.brand-header .brand-logo{z-index:999;position:relative;}
.d-header{z-index:998}
#site-text-logo{display:none}

@media only screen 
and (max-device-width : 360px) {
    .brand-header .brand-logo {max-width: 63%;}
    .brand-header{margin-bottom:0px;height:0px}
}

@media only screen 
and (min-device-width : 361px)
and (max-device-width : 640px) {
    .brand-header .brand-logo {max-width: 63%;}
    .brand-header{margin-bottom:0px;height:35px}

}

@media only screen 
and (min-device-width : 641px)
and (max-device-width : 860px){
    .brand-header .brand-logo {max-width: 65%;}
    .brand-header{margin-bottom:0px;height:63px}

}

It’s not perfect for all devices, but it works