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;


Author: Hilman

I'm a dad! :-)

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s