Strange bug with site logo

[Ben @ Inbound Creative]

I've created a widgetised template for my contact page.

I'm planning on hardcoding it eventually, but for the time being, I want to be able to move things around.

However, the site logo appears to have bugged somehow.

The logo isn't sizing correctly and the site title text is appearing. It only occurs on the contact template.

From looking at the Developer Tools in Chrome, I can see that the CSS it's calling is .site-title a instead of .header-image .site-title > a. Has anyone experienced this before and have a solution?

I've gone through the template code a couple of times and can't put my finger on what's causing it.

Template code below:

<?php
/*
Template Name: Contact
*/

add_action( 'wp_enqueue_scripts', 'am_enqueue_contact_scripts' );

function am_enqueue_contact_scripts() {
	
	wp_enqueue_script( 'am-home', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0', true );
	wp_enqueue_script( 'parallax-script', get_bloginfo( 'stylesheet_directory' ) . '/js/contact-parallax.js', array( 'jquery' ), '1.0.0' );
	
}

add_action ( 'genesis_meta', 'am_contact_meta' );

function am_contact_meta() {
	
	if ( is_active_sidebar( 'contact-parallax' ) || is_active_sidebar( 'contact-info' ) || ( 'contact-map' ) );
	
		add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
		add_filter( 'body_class', 'am_contact_class' );
		remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
		add_action( 'genesis_before_footer', 'am_contact_widgets', 5 );		
	
}

function am_contact_class() {
	$classes[] = 'contact';
	return $classes;
}

function am_contact_widgets() {
	
	echo '<div id="contact-widgets" class="contact-widgets">';
	
	genesis_widget_area( 'contact-parallax', array(
		'before' => '<div class="contact-parallax widget-area">',
		'after'  => '</div>',
	) );
	
	genesis_widget_area( 'contact-address', array(
	'before' => '<div class="contact-address widget-area">',
	'after'  => '</div>',
	) );
	
	genesis_widget_area( 'contact-info', array(
		'before' => '<div class="contact-info widget-area">',
		'after'  => '</div>',
	) );
	
	genesis_widget_area( 'contact-map', array(
		'before' => '<div id="map-canvas">',
		'after'  => '</div>',
	) );
	
	echo '</div>';
	
}

genesis();

---

Award winning web design in Liverpool | UK based Genesis Framework web designer and developer

http://www.advicemedia.co.uk/contact

[essaysnark]

I've never worked with Parallax so this is a total guess but I'm wondering how you have defined your CSS for the "contact" style that you declared? You don't have any "parallax"-type styles on the body tag so that is the first thing that looks suspicious.

[Author]

Posts