Center and hide different size logo depending on Screen
-
Hello Ben,
first of all, thanks a lot for Tracks CSS Snippets, it’s so helpfull ! I’ve seen your talking already about the logo with different size depending on screen, i’m wondering if you have a solution to my problem. The below CSS Code works perfectly but i’m just needing to center the logo. Any solution?
.logo {
display: none;
}
.site-title a {
display: block;
background-image: url(https://image.jpg);
background-size: contain;
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
@media all and (min-width: 600px) {.site-title a {
background-image: url(https://image.jpg);
width: 100px;
height: 100px;
}
}Also with this code, Logo and tagline aren’t hidden when mobile menu open. which is kind of disturbing. Could we avoid that by playing with opacity ?
Furthermore, like i didn’t find the forum, how it’s possible to hide meta data ?
Last thing, does it possible to center “verticaly” the tag line ? To try to put the Tagline at same level as the Logo ?
Thanks
- The topic ‘Center and hide different size logo depending on Screen’ is closed to new replies.