Here is what I want to achieve. I need to shrink the width of the header, so that the header logo image stays at the upper left corner of the webpage. Then I can move up my stuff from the content page to align with the header image.
Please take a look at my site. http://www.dongphotography.ca/en/
You will see a logo on the upper left and followed by some small icons. I achieve this by display:none the header, and everything you see is from the content page. However, I could not find my site in Google search, probably because the header is hidden that affect the SEO. So I want to achieve the same visual layout with a header displayed.
Or, instead of changing the header width, could you suggest another way?