Header Image vertical alignment

  • I have added a customized header image with the exact recommended dimensions. I also reset the “featured image” to the same. But it is displaying the old image above the new one, and it cuts off the navigation bar. Looks like the customized header image is too low from the top of the page.

    Thanks!!

    https://www.baxterbell.com/

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

  • I am not sure what exactly your header should look like, from my understanding, after examining your css it looks like there need to be changed to:

    .page-id-60 .hgroup-wrap {
background: none;
}

.hgroup-wrap {
height: auto;
width: 978px;
}

    Adding the above to your child theme stylesheet will remove the background picture and put your nav bar inbetween your custom header image and the body of your page.

    To remove the space above and below your custom header image add this to your stylesheet:

    .hgroup-wrap img {
margin-top: 0;
margin-bottom: 0;
}

    And finally to remove the gap below your navigation bar add this to your stylesheet:

    #access {
margin-bottom: 0;
}

    I hope this helps.

    Thread Starter dgsloves

    (@dgsloves)

    YES! THANK YOU DMBARBER!

    Glad to help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header Image vertical alignment’ is closed to new replies.