Header logo link

[anlinares 1]

While I'm still trying to figure this problem out, why not try to resolve my one remaining issue with this site? Simple enough - I need to get my header logo linked up to the homepage. I've searched the forums trying to find an answer and nothing so far has worked. Can't seem to make the area clickable. Any ideas on code that will make this work for me? Hopefully after these two issues are resolved, I'll be finished! ...... Although, I'm never really finished. Thank you!!

[catrina 103]

The logo should link to your homepage by default. Can you post a link to your site?

[anlinares 1]

Sorry! Forgot. TransformYourAgency

[kastelic 6]

In order to get it to link you either have to upload it in the custom logo section in Global Options or insert the img via a hook rather than make it a background image of the branding div.

[anlinares 1]

I have it uploaded through the custom logo section in Global Options.... as far as I know.

[catrina 103]

Based on using Firebug, it looks like the logo is being "blocked" by the content on the right. For example, the social icons area takes up the full width of the header (as does the search bar and the phone number info at the top), so everything is making the logo link impossible to click. I'm quite sure you used hooks to implement the phone info and social icons. What CSS do you have that is styling them?

[anlinares 1]

Yes, I put them in the universal sidebar and coded the position. #sidebar_universal { position:absolute; left:10px; top:15px; z-index: 2; }

[catrina 103]

Try adding

width: 300px;

to see what happens. Let me know once you've done that so that I can check it out.

[anlinares 1]

Okay. Added the width.

[catrina 103]

Okay, you can remove the width: 300px; that you just added and add this code:

#sidebar_universal div.content-pad {width: 350px; float: right;}

The link should be clickable after you add it.

[anlinares 1]

I'm so sorry! I really hate to be such a pain. Still not working. I really appreciate your help.

[catrina 103]

Try this one instead:

#sidebar_universal div.content-pad ul#list_sidebar_universal div.sidebar_widgets {width: 350px; float: right;}

[anlinares 1]

No luck

[catrina 103]

That is strange. I know that the sidebar on the right with the content inside it is what's causing the link to be unclickable. It looks like you're using a full-width universal sidebar, which is consequently "covering up" the link with extra transparent space. Perhaps you can use a DIV layer instead of a sidebar as a container for the content.

[anlinares 1]

Okay. I'm just trying to make things work piece by piece with my limited knowledge. Wouldn't surprise me that I've done it wrong! How might I go about setting up a div like this?

[catrina 103]

There is a basic overview of DIV layers here that'll give you a better understanding of how they're created: http://www.echoecho.com/csslayers.htm

[anlinares 1]

Very interesting! So I started playing with the z-index of the universal sidebar. As a last resort, I removed the z-index line altogether to see what would happen. And now the link is working! Coding is so weird sometimes - at least for me. Thank you so much for your help, Catrina!!

[ferdmaster 0]

I have the same issue, but I'm almost there. I reduced the width of the sidebar to 200px but there still seems to a blockage of the logo from the universal sidebar. I've reached the limit of my firebug-knowledge :-) http://www.ngojobs.at/home

[catrina 103]

ferdmaster, have you considered using a hook to add those social icons so that the universal sidebar won't interfere with the header logo? That way, the social icons can be in its own DIV and there won't be any risk of blocking the logo on the opposite side.

[ferdmaster 0]

catrina, as you have probably understood in our last conversation topic, I'm not too familiar with hooks and php-files. :-) I'd rather not. I'll just leave it without link, thanks.

[catrina 103]

Okay then. :)