Refine small window appearance of title bar

jwitters

When opening my website from smart phone (or making my browser window small),
a) the title suddenly appears in a blue bar at the top. Where can i change this color, to for example black transparent?
b) also my title doesn't seem to be centered vertically. How can i make the title to appear centered vertically? It is centered horizontally, not vertically.

thanks

Johan

Ninja

jwitters
Hi
For logo background color, add this code in custom.css file and change the color code as per needs

@media (max-width: 767px){
body.features-page .t3-header .logo {
    background: #01579b;
}}

For issue no 2
Add this code in custom.css

@media (max-width: 767px){
.logo-control .logo-img-sm {
    margin-top: 12px;
}}

Regards

jwitters

Thanks.

The second one does the trick indeed. The logo is centered vertically. However, the background doesn't change. I've played with a few variations, none seen to work. Any idea?

thanks,

Johan

@media (max-width: 767px){
body.features-page .t3-header .logo {
background: #000000;
}}

@media (max-width: 767px){
.logo-control .logo-img-sm {
margin-top: 12px;
}}

Ninja

jwitters
Hi
Use this code

@media (max-width:767px){body.features-page .t3-header .logo{background:#000000!important}}

I tested and it will work fine

Regards

jwitters

Thanks. Works perfect. Thanks!