Link Header back to Home Page
URL to the page in question:
-
Is there a way that the header can link back to the home page when it is clicked on (no matter what page the user is on)?
Good Morning Julie,
Good question. The logo (text or image) will always take the user back to the home page when it’s clicked. You can expand that so that it will cover the header. Here’s how:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
#header {
position: relative;
}
#logo,
#text-logo {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#logo a,
#text-logo a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
- Update your settings.
There will be some area around the navigation bar where the link won’t be available. That’s probably a good thing as you don’t want your visitors clicking on your about page and going to your home page 🙂
Have a great Saturday,
Bill
Hi Bill,
The logo – text or image has not been taking people back to the home page and now with this css added, nothing is any different. Is it because I did a custom image header? Any more help would be much appreciated. Thanks! http://www.backontherack.biz
Hey Julie, please always include the URL to the site in the original question. Knowing the URL really helps me help you out best.
So in your Custom CSS, take this out:
#text-logo {
display: none;
}
and add this:
#header #text-logo {
display: block;
text-indent: -9999px;
}
and see if that won’t let the entire header act as a home button.
Let me know if you have any trouble,
Bill
That did the trick! Thank you so much Bill!
- The topic ‘Link Header back to Home Page’ is closed to new replies.