Swank Theme – Full Width Header

[ksweetman]

Hi There,

I have purchased the SWANK Theme, however I am unsure how to create a Full Width Header logo image. I want an image to spread across the full width of the page. When I upload an image, the theme crops it.

I tried looking at this tutorial, but I still can't get it right.

https://prettydarncute.com/2013/10/genesis-full-width-header-tutorial/

Thanks for any help!

[Jeremy Holden]

can you give a link to your site and the image you're trying to use?

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[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