[SOLVED] My logo has no hyperlink

[thaenzy]

Hello,

 

My website is www.uwdashcam.be

 

I'm trying to make my logo link to the homepage. Already tried to set the a href and img href hardcoded to my website like this:

 

<a id="header_logo" href="http://www.uwdashcam.be" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                    <img class="logo" href="http://www.uwdashcam.be"  src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
                </a>

 

Unfortunately, it's not working yet. Does any of you guys have an idea? Thanks!

Edited February 19, 2014 by thaenzy (see edit history)

[Carolina Custom Designs]

Hello,

 

My website is www.uwdashcam.be

 

I'm trying to make my logo link to the homepage. Already tried to set the a href and img href hardcoded to my website like this:

 

<a id="header_logo" href="http://www.uwdashcam.be" title="{$shop_name|escape:'htmlall':'UTF-8'}">

                    <img class="logo" href="http://www.uwdashcam.be"  src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

                </a>

 

Unfortunately, it's not working yet. Does any of you guys have an idea? Thanks!

 

You have it correct the logo is just layered behind another div (i.e. header_right).

 

Find themes/default/css/global.css and change the following:

#header_logo {
    display: block;
    float: left;
    margin-top: 12px;
}

Add the following:

#header_logo {
    display: block;
    float: left;
    margin-top: 12px;
    position:relative;
    z-index:9; 
}

That should solve your problem.

 

Marty Shue

[thaenzy]

You have it correct the logo is just layered behind another div (i.e. header_right).

 

Find themes/default/css/global.css and change the following:

#header_logo {
    display: block;
    float: left;
    margin-top: 12px;
}

Add the following:

#header_logo {
    display: block;
    float: left;
    margin-top: 12px;
    position:relative;
    z-index:9; 
}

That should solve your problem.

 

Marty Shue

Thanks a lot Marty!

[Carolina Custom Designs]

Thanks a lot Marty!

 

You are welcome! Hope it solved your problem.

 

If it did kindly edit your original post and mark the thread title with [sOLVED].

 

Marty Shue