Clickable Header IMAGE; link too low

  • Resolved Juliefitz

    (@juliefitz)


    10 years, 3 months ago

    Hi,

    I followed advice already posted to make a link to the homepage from the header image. The problem is that the link is set lower than the header. How can I adjust it?

    http://www.designpush.co.uk

    Thanks in advance for any help

    header code

    <?php
/**
 * The Theme Header Template
 *
 * Used to display the document <head> section and page header
 *
 * @package WordPress
 * @subpackage Minimatica
 * @since Minimatica 1.0
 */
?><!DOCTYPE html><!-- HTML5, for the win! -->
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php minimatica_doc_title(); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
/**
 * Hook used to isert content in the document's <head> section.
 * Always have this before closing the <head> tag.
 */
wp_head(); ?>
</head>

<body <?php body_class(); ?>>
	<div id="wrapper" class="hfeed">
		<header id="header" role="banner">
			<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
			<<?php echo $heading_tag; ?> id="site-title"><a href="<?php echo home_url(); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></<?php echo $heading_tag; ?>>
		</header><!-- #header -->

<header id="header" role="banner" onclick="location.href='http://www.designpush.co.uk';" style="cursor: pointer;" title=Home>

    I was recently hacked so if you spot anything untoward let me know. This is not my day job.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Juliefitz

    (@juliefitz)

    10 years, 3 months ago

    Can someone please help me. I have read lots of advice regarding making the header image clickable etce, mine is already clickable but the link is too low. I don’t know where to start. If it was a matter of changing text etc. I might be able to figure it out, but I don’t have the experience in code. Can someone at least give me a clue. Pretty please 🙂

    Thread Starter Juliefitz

    (@juliefitz)

    10 years, 3 months ago

    Pleeeeeeeeeeeeeese……….. I have tried reloading the theme and updating wordpress etc etc etc. I can’t find a solution or even reference to a similar problem. It must be something to do with margins but I don’t know how to fix it.

    Help 🙂

    Where do I go from here? I am stuck fast 🙁

    JohnReed303

    (@johnreed303)

    10 years, 3 months ago

    Gonna be honest, I don’t know much of ANYTHING about code, but just looking at your site code you’ve got 2 lines that start with header information. This is in one of your files, I would guess header.php, but I’m not positive where.

    <div id=”wrapper” class=”hfeed”>
    <header id=”header” role=”banner”>

    <h1 id=”site-title”>Julie Fitzpatrick – Design Push</h1>
    </header><!– #header –>

    <header id=”header” role=”banner” onclick=”location.href=’http://www.designpush.co.uk&#8217;;” style=”cursor: pointer;” title=”Home”> <div id=”slider”>

    Looks like you have 2 headers. I can’t really tell you how to fix it, but with a bit of work I think you could work that out. Just be sure to copy the original file first so you don’t lose anything.

    If it were me, I’d replace the first header info with the second header part because it has the clickable code.

    Sorry I can’t be more help.

    John

    batharoy

    (@batharoy)

    10 years, 3 months ago

    Rather than add to your header.php file, you can just style your site title as so:

    #site-title a {
display: block;
color: transparent;
float: right;
}

    Or if you insist on using a php edit make it like this:
    <div id="click-area" role="banner" onclick="location.href='http://www.designpush.co.uk';" style="cursor: pointer;" title=Home></div>

    Then position & style with css:

    #click-area{
width: 300px;
height: 150px;
position: relative; /*Not sure if this is right*/
top: -50px;
right: -50px;
}

    Thread Starter Juliefitz

    (@juliefitz)

    10 years, 3 months ago

    Thank you so much JohnReed303, you were right. I had added the header id instead of replacing it and had two at the same time. I worked out which bit to remove and its just fine now.

    Thanks batharoy, all good to know 🙂

    JohnReed303

    (@johnreed303)

    10 years, 3 months ago

    You’re welcome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Clickable Header IMAGE; link too low’ is closed to new replies.