I am an independent WordPress web consultant with 10 years of experience in WordPress theme installation, customization, administration, maintenance, support, documentation, troubleshooting and PSD/design to WP.
[…] This is a continuation of my earlier post titled How to add a responsive image above site header in Genesis. […]
Hi, great post many thanks – the code works perfectly – the only thing is I can only get this to display a responsive image above the original image – im not sure how to adapt the code so that I can make my existing header image responsive. Im using Epik V1.3 and using this means the image is above the nav bar, with the original custom image still there. Tried without the original custom image but same issue. Thanks for your help
Thank you for your tutorial. This worked great on my production site. When I tried it on the live site it returns the alt text instead of the image. I have the image in the designated folder on the server and do not understand why it is not displaying on my page. Can you help, please?
This I succeed , now I want to take things a bit further.. How can I have different banners on different pages but still make them responsive?
This I can’t find a solution..I found one in another tutorial (not yours) but it was for a non responsive banner and I don’t know how to do what I want..
[…] This is a continuation of my earlier post titled How to add a responsive image above site header in Genesis. […]
Hi, great post many thanks – the code works perfectly – the only thing is I can only get this to display a responsive image above the original image – im not sure how to adapt the code so that I can make my existing header image responsive. Im using Epik V1.3 and using this means the image is above the nav bar, with the original custom image still there. Tried without the original custom image but same issue. Thanks for your help
I do not have a copy of that theme to test and offer a solution.
You might want to go through this: http://www.sridharkatakam.com/add-responsive-header-image-metro-pro/
How do we center this now that it’s responsive?? I tried to get you on Twitter also.
I’ve updated the CSS in my post to take care of this.
My site is at www dot aworkinprogress dot us
The text-align code centers entry h1 etc all the way down.
Try adding this at the end of style.css: http://pastebin.com/raw.php?i=S6EtAeT4
That was it! Thanks a ton.
Hi Sridhar, how would you adjust this code to add the image BELOW the site header?
http://www.sridharkatakam.com/add-full-width-responsive-image-site-header-genesis/
Thank you for your tutorial. This worked great on my production site. When I tried it on the live site it returns the alt text instead of the image. I have the image in the designated folder on the server and do not understand why it is not displaying on my page. Can you help, please?
Hi Sridhar,
This I succeed , now I want to take things a bit further.. How can I have different banners on different pages but still make them responsive?
This I can’t find a solution..I found one in another tutorial (not yours) but it was for a non responsive banner and I don’t know how to do what I want..
Thanks!
Hi Sridhar,
I think I’ve figured it out: I put that, adjusted some css and it’s working 🙂
add_action( ‘genesis_after_header’, ‘conditional_after_header_banners’ );
function conditional_after_header_banners() {
if ( is_front_page() )
echo ”;
else {
echo ”;
}
}