Logo link in Executive Theme

[klipklopp]

Hi,

I am trying to figure out if there is a way to make the logo portion of my header image on the left side of my top menu a link that takes the visitor to the home page, so I can eliminate the "Home" tab in the menu.

Here is a link to my site http://www.westminsterav.com. I would like the "Westminster Technologies, Inc." area to be a clickable link.

Is this possible? Any suggestions?

Thanks!

[RobG]

Hello, Try accesing your Settings then General, you can add your web address in that section and is should make your header clickable.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[klipklopp]

My site appears in the "WordPress Address" and "Site Address" fields on the settings page, but the logo area of the header is still not a hyperlink.

Do you have any other suggestions?

Thanks!

[RobG]

Can you tell me what theme you are using?

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[klipklopp]

I am using Genesis and the Executive Theme.

Thanks!

[RobG]

Try going in to your Style.css locate this part of your header image code, change the width: 25% to width: 250% pixels and see if that will work. If not just change it back to 25.....

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 25%;

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[klipklopp]

I made the change but it had no effect so I changed it back... 🙁

[RobG]

In your general settings you should have the following fields were you can add your web address.

WordPress Address (URL) http://www.yoursite.com
Site Address (URL) http://www.yoursite.com

Make sure you place your URL for your website there nd see if that works. It's hard for me to say because I don't use that theme but this might work. Them just save all changes.

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[klipklopp]

Yep, I checked there and my URL is in both fields the same was - http://www.westminsterav.com.

I am worried that this isn't possible. I did a plug-in search and didn't find much...

[RobG]

I'm sure it can be done it's just hard to do from my end I'll have to look in to a bit more

---

To speed up the process please post the link to the website in question.

We recommend using Firebug to view source codes http://getfirebug.com/

RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

[Doak Heggeness]

How did you insert you logo?

---

Doak Heggeness, WordPress Development | Website

[klipklopp]

My logo is my header image in the appearance area of the dashboard.

[Doak Heggeness]

The proper way to add a logo image in lieu of the Site Title & Description is here. You also have to comment-out or delete the following from your functions.php file.

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array(
'width' => 1140,
'height' => 100
) );

Then you should be able to make it a link.

---

Doak Heggeness, WordPress Development | Website

[klipklopp]

Hi Doak,

So after changing the functions.php file, what do I need to do to make the logo a hyperlink? Forgive me if this is a simple question as I am new to WordPress.

Thanks!

Ted

[Doak Heggeness]

There is no stupid questions. You probably have modify the #title-area & #header .widget area selector 'width' to incorporate ( fit ) your logo. Use ( do you use ) 'Firebug?'

Then go here for your link. Thanks to Brian Gardner.

---

Doak Heggeness, WordPress Development | Website

[John]

Ted,

Here's a better way to do that: How to replace the StudioPress background header image with a real image logo

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[klipklopp]

Hi John,

Thanks for the link. I will this a try. One question... When Studiopress updates Genesis or the Executive theme, will this changing of the code be wiped out by the update - so I have to redo this any time I update?

Thanks!

Ted

[John]

Hi Ted,

All you're changing is the functions.php and style.css files in your child theme, which you've probably already edited anyway for other changes you've made to your site. If those two files are updated in a future child theme update then you'd have to merge any changes you've made along the way. Fortunately, that doesn't happen very often with StudioPress themes.

Updating Genesis doesn't affect your child theme so you'd be okay there.

I haven't tried this yet with Genesis 2.0 but Marc, another commenter on that blog post, said he's going to give it a try this weekend and see what happens.

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[Kalvik]

Hi - I followed the instructions of Doak "The proper way to add a logo image in lieu of the Site Title & Description is here. "

But logo is floating higher (blank space below). I have checked the image of 350px X 90px matches .css

background: url( 'images/Elitelogoweb.png' ) no-repeat;
display: block;
float: left;
height: 90px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 350px;

When changing width to 250px it's back to a singe space but logo is cut short.

[Kalvik]

Ok - I got it - I had to adjust the width on the header.widget area
#header .widget-area {
float: right;
width: 50%;
}

Whew.

[Author]

Posts