Banner covering Header

  • Resolved BL-Zach

    (@bl-zach)


    6 years ago

    Forgive me, as I’m not an html wizard. Can you assist with possibly moving the entire body of the site down so the banner isn’t obstructing the header, and the header doesn’t obstruct the body?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    6 years ago

    Hi @bl-zach
    In the Site Custom CSS put:

    header#masthead {
    margin-top: 40px;
}
    Thread Starter BL-Zach

    (@bl-zach)

    6 years ago

    Yes that works great. But, the body of the site doesn’t adjust, and the header cuts off some content on individual pages. Does that make sense?

    Plugin Author rpetersen29

    (@rpetersen29)

    6 years ago

    .site-content {
    margin-top: 180px !important;
}
    Thread Starter BL-Zach

    (@bl-zach)

    6 years ago

    The header#masthead code works the best. Thank you for your help.

    Plugin Author rpetersen29

    (@rpetersen29)

    6 years ago

    The second one may work better as, 

    div#content {
    margin-top: 180px;
}

    You need to enter both in Site Custom CSS for these to work. So it would be 

    header#masthead {
    margin-top: 40px;
}
div#content {
    margin-top: 180px;
}
    Thread Starter BL-Zach

    (@bl-zach)

    6 years ago

    That worked, great. Thank you!

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

The topic ‘Banner covering Header’ is closed to new replies.

  • 6 replies
  • 2 participants
  • Last reply from: BL-Zach
  • Last activity: 6 years ago
  • Status: resolved