Support » Fixing WordPress » White Space Above Header Image

  • Resolved rightmind

    (@rightmind)


    I’m very green to building websites using WordPress and I fear I will be relying a lot on this forum in the coming days and weeks because I have a growing list of issues. This is the first one:

    I am trying to add a header image to all pages. I went about this by removing the Site Title from Settings > General Settings and then from the customise Your Site Link /wp-admin/customize.php I added a header image. However, two problems emerged. The first is the space where the Site Title used to be is retained which results in a large band of white at the top of each page. The second problem is the new header image displays on all pages except the Home Page, where there is just the white space instead.

    I’d like to get rid of the white space and display my header at the top of each page. I’m using WordPress 4.3.1 running WPEX-Child-Theme theme.

    Here’s the link to the Home Page (not displaying the header image):
    http://rightmindpsychology.com.au/
    Here’s a link to another page (showing the header image):
    http://rightmindpsychology.com.au/services/

    PS. I’m very sorry but I know nothing about coding. I followed an on-line tutorial to get this far and I’m trying to customise the web pages to suit my needs. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    It looks like both pages have the same header image. Did you get the problem fixed?

    Thread Starter rightmind

    (@rightmind)

    I did find a way to use the same header on each page. I still have quite a bit of white space below the header that I would like to remove.

    Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    It looks like there is a div tag that may have contained a search at one point? It’s blank, but adding plenty of extra space.

    If you look on line 33 of your child theme’s style.css, you should see the following:

    .masthead-right {
    margin-top:30px;
    margin-right: 20px;
    padding:0px 0px;
    }

    Try changing margin-top:30px; to margin-top:0px; and see if that looks any better.

    Thread Starter rightmind

    (@rightmind)

    This seems to have solved the problem thank you very much Geoffrey.

    Geoffrey Shilling

    (@geoffreyshilling)

    Volunteer Moderator

    You’re welcome, I’m happy I could help. Could you please mark the thread as Resolved? Feel free to start a new thread if you run into any more issues.

    Thread Starter rightmind

    (@rightmind)

    I probably will author numerous threads because this is all new to me. Thanks again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘White Space Above Header Image’ is closed to new replies.