Resizing logo variable makes template weird

Hello

I have a question.

I have been trying to resize the logo on this template for a while now, and have yet to be successful. I changed the variable in layout.css from:

.logo {
height:115px;
width:270px;
float:left;
}

to:


.logo {
height:79px;
width:500px;
float:left;
}

That made the template go out of alignment and look really weird. I have uploaded an attachment to show what happened.

I would like some help in making this look alright again.

Thank you

Please edit file /templates/hot_designnow/index.php and change width and height of the logo images there as well. This is around line 226 and looks like
Also, change value 290 to 520 (in your case) in line

Thank you for your quick response.

One question:

Where is that last line located?

Thanks

In file /templates/hot_designnow/index.php, around line 80.

Ok found it.

Its almost perfect now though.

Take a look at the image i have attached, and tell me what i need to do to fix that.

Some details.

The logo is 300 x 47
I changed it accordingly in index.php and layout.css as per your instructions.

Even so, it goes slightly out of alignment.

Would like to know what to do.

Thank you for all your help so far.

Increase the value in line "$searchWidth = $templateWidth - 290;"

Try to "fine-tune" it.