How to adjust header part ?

I just make a new logo and place it but now the other things moving here and there. How can i fix those issue. I think the file is top.tpl but on which line i have adjust . Please help. I am attaching the screenshot here.

The aero given on attachment is the main point where i want to place those things.


Where is the search box supposed to go?

If it is supposed to go below the cart box, the easiest way to fix this is just make your logo bigger.

Make the logo the same size as the old one. Not the graphic part, but the white background.

By doing this, it will force the seach box down and you won’t have to mess with any code.


I tried that option but still showing same thing. I want the things to that arrow part.

If it were me, I’d adjust these styles in your style sheets:

.logo-image in styles.base.css on line 1515

Change to:

.logo-image {
float: left;
margin-left: 20px;
padding-bottom: 10px;
position: relative;
z-index: 8;

#search in styles.css on line 2710

Change to:

#search {
float: left;
height: 40px;
line-height: 40px;
margin-left: 70px;
margin-top: 35px;
width: 348px;

#mycart in styles.css on line 2718

Change to:

#mycart {
background-image: url("images/bg/bg-mycart.png");
background-repeat: no-repeat;
float: left;
height: 65px;
margin-left: 38px;
margin-top: 5px;
overflow: hidden;
padding: 10px;
width: 230px;

This will center stuff vertically and it will push over those boxes to look better.

Hope that helps,


Thanks dude it is works. IE giving me problem but my web designers will handle this situation