Excerpt

Friday, May 22, 2015

Tweaked header

Originally, this theme (Tracks) doesn't provide a full-width-image-header feature.

Found someone raised a such request at the theme's support page. So I thought it would be great to implement on this blog. Anyway, tweaked header a little bit... hope my kids will love it (and you too).

CSS used:

.title-info .logo {
max-width: 100%;
max-height: 100%;
}
#title-info {
position: relative;
z-index: 0;
}
.logo {
width: 100%;
}
.site-header .container {
max-width: none;
}
#menu-primary {
max-width: 1280px;
margin: 0 auto;
}
#title-info {
float: none;
}
@media all and (min-width: 50em) {
#title-info {
margin-top: -1.5em;
}
}
.site-title, .h2 {
text-align: right;
}
.site-header .site-title {
opacity: 1;
}

No comments:

Post a Comment