Title: Making header clickable
Last modified: August 19, 2016

---

# Making header clickable

 *  [richardpeters](https://wordpress.org/support/users/richardpeters/)
 * (@richardpeters)
 * [17 years, 6 months ago](https://wordpress.org/support/topic/making-header-clickable/)
 * Back again, sorry all, I’m on a mission to get this blog up and running as soon
   as I can!
 * I’m trying make my whole header clickable, I’ve tried several of the options 
   I found in a search but the closest I cam was making the whole page clickable?!
 * My header code is as follows:
 *     ```
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
       <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
   
       <head profile="http://gmpg.org/xfn/11">
       <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
   
       <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
   
       <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
   
       <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="pingback" href="<?php bloginfo('pingback_url'); ?>" />
       <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
       <?php wp_head(); ?>
       </head>
       <body>
       <div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div>
       <div class="Main">
   
       <div class="Sheet">
         <div class="Sheet-body">
       <div class="nav">
   
       <div class="l"></div><div class="r"><div></div></div></div><div class="Header">
         <div>
       <table class="logo">
       <tr><td class="logo-name"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></td></tr>
       <tr><td class="logo-text"><?php bloginfo('description'); ?></td></tr>
       </table>
   
         </div>
       </div>
       ```
   
 * I’m guessing it can be done as I managed to make everything clickable but so 
   far not just the header…

Viewing 1 replies (of 1 total)

 *  [zeniph](https://wordpress.org/support/users/zeniph/)
 * (@zeniph)
 * [17 years, 6 months ago](https://wordpress.org/support/topic/making-header-clickable/#post-888417)
 * If you’re saying you want to add a link to the DIV with a class “Header” in the
   above code your best (only) option would be with javascript.
 * eg if you install the javascript library jquery, the javascript to do it would
   be:
 *     ```
       $(document).ready(function() {
       	$(".Header").css({cursor:"pointer"})
       	$(".Header").click(function() {
       		window.location.href = "http://wordpress.org/"
       	});
       });
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Making header clickable’ is closed to new replies.

 * 1 reply
 * 2 participants
 * Last reply from: [zeniph](https://wordpress.org/support/users/zeniph/)
 * Last activity: [17 years, 6 months ago](https://wordpress.org/support/topic/making-header-clickable/#post-888417)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
