Help with Header Appearance

  • Resolved moessap

    (@moessap)


    14 years, 5 months ago

    First, here’s the link to the site:

    https://ottawa-movers.org/

    I’m using the “minimal 1.1” theme.

    All I want to do is expand the white area behind the “ottawa-movers.org” text at the top so it goes across the entire page, but whenever I change any widths the whole page shifts. I’d also like to keep the text position in the same place.

    If anyone knows what to do I’d appreciate the help… thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Firstly, give your #container div a display of block and an overflow of hidden to ensure it encapsulates the sub-content. It should also guarantee clearing.

    Move the #header div outside of the container div. Make sure #header closes before container opens.

    Give header a width of 100%, margin: 0 auto, 10px, auto;

    That should do it.

    Good luck!
    John

    Thread Starter moessap

    (@moessap)

    Thanks a lot for the response.

    I’m not sure how to move the header outside of the container.

    Here’s the code:

    #header
    {
    padding: 0px 0;
    margin: 0 auto, 10px, auto;
    background: #ffffff;
    width: 100%
    }

    #container
    {
    width: 800px;
    margin: 0 auto;
    display: block;
    }

    It looks like the header’s already outside of the container, but 100% width is only going to 800px, so I guess it must not be.

    Thanks again!

    I’m pretty sure the header is within the container. Can you post your header.php content?

    Thread Starter moessap

    (@moessap)

    Nevermind you were right… not sure what I was looking at.

    Got it fixed… thank you very much for the help :).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with Header Appearance’ is closed to new replies.