Hi
I'd like to display some large image in the header, 960px, which will occupate all available space.
I'm in fluid layout.
How can I center the logo so it will follow resizing of the browser?
thx

Comments

ajross’s picture

ajross CreditAttribution: ajross commented

The answer to this depends on what else you have in the header region. But I'm assuming if your logo is 960px you are not using the site title or site slogan. In that case, try adding the following to local.css:

#header-site-info,
#header-site-info-inner {
  width: 100%;
}

#logo {
  float: none;
  width: 960px;
  margin: 0 auto; 
}

There may be problems if you have any blocks, the search form etc in the header. Let me know more details of your layout if this does not work for you and I will try to help.

ajross’s picture

ajross CreditAttribution: ajross commented
Status: Active » Closed (works as designed)
manoloka’s picture

manoloka CreditAttribution: manoloka commented
Issue summary: View changes

1# worked for me.

I only had to change the width to re real width of my logo 532px

Thanks