Header Area Not Lined Up With Body when Moved

[2FlyGirls]

Hi! I have developed a site on the Scribble Child Theme. I am having a problem with the header.

The header and widget area menu don't stay above the rest of the site when you make the browser window smaller.

Here is a link to the site - http://66.147.244.198/~flowerz9/

I would love a code fix if anyone has suggestions.

Thanks!

[Brian Bourn]

That theme isn't responsive so it won't resize itself.

---

Bourn Creative | bourncreative.com | Twitter

[2FlyGirls]

It doesn't do this in the demo though.

[Brian Bourn]

In your CSS file there is a left margin of 230px on #header causing the issue.

Change to this and you should be fine

#header {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto 10px;
    min-height: 105px;
    overflow: hidden;
    width: 960px;
}

---

Bourn Creative | bourncreative.com | Twitter

[2FlyGirls]

Thank you! That worked. But now the widget menu is over the header rather than under it like it was before. I would hugely appreciate any help for that issue.

[Author]

Posts