Twenty-Ten Theme – Header extending over container

  • meoop

    (@meoop)


    10 years, 12 months ago

    First I had a white gap at the top of the header. I fixed the gap by taking out the top space in the #brandingimg, but now I have the header sticking out over the container/main content area. Changing the margin and the width has not helped. Any ideas? http://encinitaslibfriends.org/wp/
    Thank you for any help you can provide

Viewing 2 replies - 1 through 2 (of 2 total)
  • afzaal1985

    (@afzaal1985)

    10 years, 12 months ago

    Hi,

    Your page content has a width of 920px where as your image has a width of 940px. You can fix this problem by reducing the image width and uploading it at a width of 920px.

    Alternatively, you can control this with code by adding the following to your childtheme style sheet:

    #branding img {
max-width: 100%;
}

    Also change line 389 in your style.css file from 940px to 920px. Did you change this yourself initially?

    Let me know if you need anymore help.

    Afzaal

    esmi

    (@esmi)

    10 years, 12 months ago

    Do not edit the Twenty Ten theme. First create a child theme for your changes. Or install a custom CSS plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty-Ten Theme – Header extending over container’ is closed to new replies.