Need help? Check out our Support site, then


How to make entire header image clickable/link to homepage

  1. 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 paddleintofitness.com.

  2. 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?

  3. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic