Only half of my header image acts as a link

  • Resolved blackmajik2021

    (@blackmajik2021)


    15 years ago

    I cant seem to figure out the problem to this problem. It’s very odd. I’m using the constructor theme. It has an option for a custom header but no options about making it a link. if there is a way to do it with CSS please let me know.

    thank you

    heres my blog for reference

Viewing 6 replies - 1 through 6 (of 6 total)
  • jonimueller

    (@jonimueller)

    Hmm. I have my headers called via CSS usually. Then whatever containing division they are in, and for this example, we are assuming <div id="banner">, put this code in your header.php file:

    <div id="banner" onclick="window.location.href='https://yourdomain.com/'" style="cursor: pointer;"></div>

    HTH.

    Thread Starter blackmajik2021

    (@blackmajik2021)

    hm, it didnt do anything, where do i put it in the header.php file?

    <?php
/**
 * @package WordPress
 * @subpackage Constructor
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="https://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title('&raquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>
</head>
<body <?php body_class(get_constructor_category_class()); ?>>

<div id="body">
   <div id="wrapheader" class="wrapper">
       <div id="header">
            <?php get_constructor_menu()  ?>
            <div class="logo">
                <h1><a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); echo " &raquo; "; bloginfo('description');?>"><?php bloginfo('name'); ?></a></h1>
                <h2><?php bloginfo('description');?></h2>
            </div>
       </div>
   </div>

   <div id="wrapcontent" class="wrapper">
       <?php get_constructor_slideshow() ?>
       <div id="content" class="box shadow opacity">
    Thread Starter blackmajik2021

    (@blackmajik2021)

    Do you know a way to do it without editing the header.php?

    azzimuth

    (@azzimuth)

    My guess you should edit your CSS file, specifically “logo” class. If you have Google Chrome, you can use its Inspect Element feature to see the current dimensions of the layer on top of the image and try to fit that layer’s dimension to image’s. Hope that helps

    Thread Starter blackmajik2021

    (@blackmajik2021)

    I’m using the inspect element feature. Its a great tool, thanks for the tip, but there are no dimension specifications inside the CSS code for the header, which is why im having a tough time.

    Thread Starter blackmajik2021

    (@blackmajik2021)

    i fixed it by making the invisible text under the header larger, it is the text that is the link not the image.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Only half of my header image acts as a link’ is closed to new replies.