Make site logo responsive on small screens

This commit is contained in:
gneissone 2018-01-05 12:49:14 -07:00
parent 05e8c6ac16
commit 86c86c61c1

View file

@ -264,15 +264,17 @@ a.powered-by-vivo:hover {
/* BRANDING ------> */ /* BRANDING ------> */
h1.vivo-logo { h1.vivo-logo {
position: absolute; position: absolute;
width: 442px; width: 100%;
max-width: 442px;
height: 59px; height: 59px;
top: 30px; top: 30px;
left: 0; left: 0;
background: url(../images/VIVO-logo.png) 0 0 no-repeat; background: url(../images/VIVO-logo.png) 0 0 no-repeat;
background-size: 100% auto;
} }
h1.vivo-logo a { h1.vivo-logo a {
display: block; display: block;
width: 386px; width: 100%;
height: 59px; height: 59px;
} }
.displace { .displace {