Background image theme link on mobile

[[email protected]]

Hi!

I'm having trouble getting my logo (home page link) to work on mobile.

My logo is based on a background image with this CSS:

.logo {
	background: url(http://localhost:8888/psb/wp-content/uploads/2013/07/[email protected]);
	background-size: 110px 160px;
	width: 110px;
	height: 160px;
	background-repeat: none;
	display: block;
}

and I inserted the following code on the genesis_header Hook via the Simple Hooks plugin:

<div class="logo"><a class="logo" href="/psb"></a></div>

The link works fine when the site is on the "desktop version", but stops working when I resize my window to simulate mobile.

Can't really show you since I'm developing the site locally.

Any ideas would be greatly appreciated,
Thanks!

[cdils]

Hi,

Do you have a live version yet? Are you still needing help?

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

[[email protected]]

Hi Carrie,

Yes, the site is live now and I could solve de problem.

http://www.paraserbella.com

Thanks anyway!

[cdils]

It looks great!

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

[[email protected]]

Thanks! 😀

[Author]

Posts