Show image banner after header Atmosphere Pro

[julian_s]

Hi, I created the following hook to add an image after the header:

add_action( 'genesis_after_header', 'add_innerpage_banner');

function add_innerpage_banner() {

if(!is_front_page())

echo "<img src='/wp-content/uploads/2019/05/banner-aboutus.png' alt='banner' />";

}

The hook fires but the image is behind the header, lining up at the top of the page.

So the html is after the hook:

</header>
<img src="/wp-content/uploads/2019/05/banner-aboutus.png" alt="banner">

But the image is actually at the top of the browser behind the header, and is not visible. I believe there is some jquery or javascript controlling the header height. Any solutions to get the image to show below the header.

https://csca.m2pvqav3-liquidwebsites.com/about-the-csca/

[julian_s]

I realized the site-header is fixed. I made postion:relative and it solved my problem.

[Author]

Posts