change logo

I managed to insert my logo, I now only need to edit the logo is so that there is overlapping the menu item, see image.

Edit the file templates \ hot_chameleon \ css by adding the following line of code:

. footer {ul.menu
margin: 0;
padding: 0;
}

. ul.menu footer li {
list-style: none;
float: left;
}

. ul.menu footer li a: link,. ul.menu footer li a: visited {
color: # fff;
text-decoration: none;
display: block;
padding: 0 15px 7px 0;
font-weight: normal;
}

. ul.menu footer li a: hover {
color: # fff;
text-decoration: underline;
}

. footer2 a: link,. footer2 a: visited {
color: # fff;
}
. header {
height: 100px;
margin: 0 auto;
}

. logo {
height: 320px;
width: 50%;
float: left;
}

. header_menu ul {
padding: 0;
margin: 0;
float: none;
list-style: none;
}

. header_menu ul.menu li {
float: right;
list-style: none;
padding: 0 10px;
margin: 30px 0 15px 0;
border-right: 1px dotted # 000;
border-bottom: none;
}

. header_menu ul.menu a: link,. header_menu ul.menu a: visited {
}

Still have not managed to solve this last detail.

Please edit file layout.css and find class .logo_pad. There you can decrease top padding.

Milos Thanks for your patience, now if I achieve my goal.

Now that I have achieved the result we both wanted what I apply to my site that is online.

The final result is as follows:

. logo {
height: 122px;
width: 50%;
float: left;
text-align: left;
}

. logo_pad {
padding-top: 0px;
}

As mentioned above I have put in place the lotipo wanted to here everything is perfect, only now that I need to click on the logo image takes me to the main menu item (Home).

As I can perform this process.

Put IMG tag inside link tag:

<a href="index.php"><img src="..." /></a>

What is the file I have to insert the code above.