[solved] Logo is missing the "Home" link?

[Sarak]

I've just spent the last couple of hours manually installing a Mega Menu and re-arranging the header positions so that it was placed properly.

 

Only now, the "home" link attached to the website logo seems to be in a different position. It's still behind the logo itself but you have to hover over the top of the logo in order to click it. Can it be fixed so that it covers the entire logo?

 

I need a way for people to get back to the home page without needing to add a "HOME" link in the top menu. Thanks!

[Paulito]

Good morning,

 

It would be great to post a URL

 

Paul

[Sarak]

Oops, sorry.

 

http://www.totalfancydress.com

[vekia]

your issue is rally easy to fix, here it is:

 

#header_logo {
float: left;
display: absolute;
margin-top: 1px;
margin-bottom: 50px;
z-index: 1
}

global.css line ~1092

remove the display: absolute; and add this:

 

position:relative; 

 

you can also increase z-index:1; to z-index:20;

[Sarak]

your issue is rally easy to fix, here it is:

 

#header_logo {
float: left;
display: absolute;
margin-top: 1px;
margin-bottom: 50px;
z-index: 1
}

global.css line ~1092

remove the display: absolute; and add this:

 

position:relative; 

 

you can also increase z-index:1; to z-index:20;

 

Thanks for the reply.

 

Unfortunately, it didn't solve my issue. The margin-bottom at 50px gave me a huge white space at the top of my page where the "Search" bar needs to be. Altering it to -100px put it back in the correct position but the logo once again loses the Home link.

 

Setting the #header_right position to absolute fixes the margin issue but loses the Home link again.

 

This is my global.css right now:

 

#header {position:relative}
#header_logo {
float: left;
display: relative;
margin-top: 1px;
margin-bottom:50px;
z-index: 1;
}

#header_right {
position: relative;
left: 0px;
top: 20px;
}

 

 

No matter what I change, it seems that I can either have a 'working' logo and a large white space next to it, or no white space and a correctly positioned logo without a link!

 

Utterly confusing...

Edited June 2, 2013 by Sarak (see edit history)

[vekia]

just add position:relative to #header_logo and everything will be fine... i checked it, changed the css and everything worked fine...

[Sarak]

That didn't work for me at first.

 

But changing position to absolute and adding a margin-left:980px seemed to do it in Firefox but it left no logo in IE or Chrome. Now I've changed it back to your suggestion again and it's working this time!

 

All is good so far, so thank you!

Edited June 2, 2013 by Sarak (see edit history)

[vekia]

that's a great news

so now I can mark this thread as solved?

 

regards

[Sarak]

Hi,

 

Yes, this can be marked as solved now. Thanks for all the help!

[vekia]

Done

 

thanks for info

 

if anyone have got questions related to this case - feel free to continue discussion here

 

regards