How to make entire header image clickable/link to homepage

gilliangibree · Member · Sep 27, 2013 at 6:06 pm
Copy link

Add topic to favorites
Hello there,

I am using the Currents theme with custom CSS upgrade for the site http://paddleintofitness.wordpress.com/

How do I go about making the current header image area clickable and link to the homepage?

Thank you in advance for your help.

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Oct 4, 2013 at 9:22 pm
Copy link
How do I go about making the current header image area clickable and link to the homepage?

It’s not possible to add a link using CSS only, but in some cases what you can do is re-purpose a link from somewhere else and position it over the top of the image.

First, you need to add a link somewhere, anywhere. In this case, I’d suggest adding a new menu item. Can you try adding one and then reply back here with details?
designsimply · Member · Oct 14, 2013 at 5:29 pm
Copy link
I checked http://paddleintofitness.com/ and I see you haven’t added another menu item. Here’s an example using your current last menu item (the “Contact” menu item) that you can use as a starting point if you want to see how re-positioning an existing link would work:
```
#menu-item-635 a {
	padding: 0;
	margin: 0;
	position: absolute;
	top: -138px;
	left: -80px;
	display: block;
	width: 960px;
	height: 138px;
	text-align: left;
	text-indent: -9999px;
}
```
If you wanted to use a different menu item, you’d need to add the menu item in Appearance > Menus and then look at the page source in your browser to find the menu item’s unique identifier and use it to replace “menu-item-635” in the example above.

No items found.