[ksweetman]

The link to my site is: http://www.kickindigitaltest.com/brit/

I have been playing with the logo settings and it's been giving me a headache : )

/* Logo, hide text */

.header-image .site-title > a {
background-size: contain !important;
display: block;
height: 300px;
margin: 10px auto;
text-indent: -9999px;
max-width: 1000px;
}

I just can't seem to get the header to look "crisp". No matter what size I make my image, or how big the resolution is, the theme crops and stretches it, and it gets this blurry look to it.

Also, when I look at it on a tablet or phone, the mobile version shows a lot of whitespace between the header and the rest of the site.

Thanks for any help!
Kelly

[Author]

Posts