Make a background-image logo clickagle

[Jumpringer]

Using the metro pro theme,

In order to display a larger logo than the template supports, I set the logo image as a background image in the ".title-area" div.

Logo displays fine, but haven't been able to find a way to make the logo (or div) clickable.

Would appreciate being pointed in the right direction - thanks.

http://jumpgraphix.com/stage/dev/fireworksfantasy2/content/

[Lauren @ OnceCoupled]

Your link is a small square area right now. You need to style it to be the same width and height as your image.

Try adding:

.site-header .site-title a {
     display: block;
     min-height: 150px;
     padding: 0;
}

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Jumpringer]

Lauren, that worked perfectly. Thanks very much 🙂

[Lauren @ OnceCoupled]

Good to hear - you're welcome!

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Author]

Posts