How do I make my header clickable back to the home page?

  • Resolved scottrosene

    (@scottrosene)


    14 years, 9 months ago

    We love the P2 theme, but have noticed after customizing our header that there doesn’t seem to be an easy way back to the homepage after leaving to view a specific post or link elsewhere on the site.

    How do we make the header clickable back to the homepage?

    And is there a way to add pages/menu bar as with normal wordpress themes?

Viewing 11 replies - 1 through 11 (of 11 total)

  • link to your site?

    how did you customize the header?

    you could post the code where you included your image.

    in general, you could try and link an image like so:

    <a href="<?php bloginfo('url'); ?>"><img src="yourimagelink" /></a>

    I am also attempting to solve this issue with the newest version of P2. I customized my header within the wordpress dashboard as there is the option under appearance. However there is no option to link and I haven’t been able to locate anything like above in the header.php. Please help as I really need this functionality of the header logo for my site. Thank you in advance.

    I have been playing around with this bit of code in the Functions.php file with no luck. Am I on the right track? I know a little about coding and can fake my way through some things but this is beyond me as to getting it to work. Any help is greatly appreciated.

    /* Custom Header Code */
    define(‘HEADER_TEXTCOLOR’, ‘3478E3’);
    define(‘HEADER_IMAGE’, ”); // %s is theme dir uri
    define(‘HEADER_IMAGE_WIDTH’, 980);
    define(‘HEADER_IMAGE_HEIGHT’, 120);

    function p2_admin_header_style() {
    ?>
    <style type=”text/css”>
    #headimg{
    background: url(<?php header_image() ?>) repeat;
    height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
    width:<?php echo HEADER_IMAGE_WIDTH; ?>px;
    padding:0 0 0 18px;

    adding these lines to style.css of the theme might work:
    they also move the title and description text off the screen.

    #header h1 a {
   display:block;
   height:70px;
   width:960px;
   margin-top:-40px;
   padding-top:40px;
   text-indent:-9999px;
}

#header .sleeve small {
    margin-top:-50px;
	text-indent:-9999px;
}

    only checked locally in IE7 and firefox 3.5.8; no idea if IE6 will like it ??

    Thank you so much. It works!!!!

    Where do I find the header.php?
    How can I download it?

    Han anybody help?

    Thanks

    Hi laroles,

    To find header.php:
    Admin page/Appearance/Editor/ and look for your header.php. Be sure in the right top corner (pull down menu) you have your current theme selected.

    From withing WordPress: Appearance > Editor > select Header (header.php)

    From outside WordPress (FTP): {your WP install} > wp-content > themes > p2 > header.php

    Try this, in the header.php div statement, where mysite.com is your home page url

    <div id=”header” onclick=”location.href=’https://mysite.com&#8217;;” style=”cursor: pointer;”>

    tokyopunchout

    (@tokyopunchout)

    Worked like a champ!

    Thanks!

    Hi,

    Can anyone help me?

    I don’t seem to have that coded like that.

    This is what I found in my header.php file:

    <div class="Header">
 <div class="Header-c"></div>
<div class="logo">
 <h1 id="name-text" class="logo-name"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
 <div id="slogan-text" class="logo-text"><?php bloginfo('description'); ?></div>
</div>

</div>
<div class="nav">
 <ul class="artmenu">
  <?php art_menu_items(); ?>
 </ul>
 <div class="l"></div>
 <div class="r"><div></div></div>
</div>

    What am I supposed to edit to make my header image clickable?

    Thanks

    Lyndon

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How do I make my header clickable back to the home page?’ is closed to new replies.