Header Area Not Lined Up With Body when Moved

Community Forums Forums Design Tips and Tricks Header Area Not Lined Up With Body when Moved

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  2FlyGirls 1 year, 9 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #22800

    2FlyGirls
    Participant
    Post count: 6

    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!

    #22811

    Brian Bourn
    Participant
    Post count: 98

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


    Bourn Creative | bourncreative.com | Twitter

    #22841

    2FlyGirls
    Participant
    Post count: 6

    It doesn’t do this in the demo though.

    #22843

    Brian Bourn
    Participant
    Post count: 98

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

    Change to this and you should be fine

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


    Bourn Creative | bourncreative.com | Twitter

    #22846

    2FlyGirls
    Participant
    Post count: 6

    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.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.