Changing height on top section (where logo is)

Hi, I want to change the height of the section where the 'Architecture' logo is.

I managed to change it in the CSS but the top menu tabs did not move down with it. Please can someone let me know how to do this.

Once adjusted, will this automatically give extra space to the 'user4' section?

Thanks in advance for any help.

Please change height of #header_wrap in layout.css. Also, you should change height in .logo in the same file. Tweak it until it's on the right place. That will give extra space to the User4 area as well.

Thanks for the quick reply. I have tried adjusting the #header_wrap as suggested. It does increase the size but I still have the same problem where the top menu tabs stay in their original position.

Any ideas how to make sure they move down as well?

I explained that: "Also, you should change height in .logo in the same file. Tweak it until the menu is on the right place."

Apologies, I assumed that .logo was to do with the positioning of the architecture logo due to the name.

All working now. Many thanks.

One last question... how can I adjust the height of the background .png I have edited the file but cannot find where in the css the image links to. I'd also like to change it to a jpeg but once I know where to look in the CSS I should be able to do this myself.

Many thanks. Loving the template!

You don't need to edit css. Simply, edit the image (enlarge it) and upload in the /templates/hot_architecture/images directory (overwrite existing).