Custom header css for single.php

[lilolad]

The website uses genesis sample theme, and i've got the .site-header to be position:absolute, so that it floats over the content for all the pages.
But for the single blog pages, I don't want the .site-header to float over the content.
Does anyone know how I can achieve this please?

Here's the site I'm working on:
http://176.32.230.9/orionsystems2.com/wordpress/services/ (the images are only placeholders so are all blurry)

and the single post pages are (this is an example of one):
http://176.32.230.9/orionsystems2.com/wordpress/orion-systems-completes-networked-access-control-system-for-major-uae-real-estate-developer/

The header content overlaps the page content and I don't know how to stop it from doing this, only for the single.php pages?

My single.php page currently reads as:
<?php
/**
* This file adds the Single Post Template to any Genesis child theme.
*
* @author Brad Dalton
* @example http://wpsites.net/
* @copyright 2014 WP Sites
*/

//* Add custom body class to the head
add_filter( 'body_class', 'single_posts_body_class' );
function single_posts_body_class( $classes ) {

$classes[] = 'custom-single';
return $classes;

}

// Force content-sidebar layout setting
add_filter( 'genesis_site_layout', '__genesis_return_content_sidebar' );

//* Run the Genesis loop
genesis();

Thanks very much in advance,
Matt

http://176.32.230.9/orionsystems2.com/wordpress/

[lilolad]

I think I've sorted this.
What I did was used Genesis Simple Hooks plugin and in the wp_head Hook added the following:

<?php
if ( ( is_single() ) )
{ ?>

<style type="text/css">
.site-header {position:relative !important;}
</style>

<?php }
?>

and ticked the PHP tick box.

I hope this helps someone 🙂

[Author]

Posts