[jcoillard]

jcoillard

#592

Hi Syahir,

Wondering if you (or anyone else who is browsing the forum) could point me in the right direction on this.

I have installed the Cimy Header Image Rotator to replace the main header. I did this by choosing no header in Appearance>Header and then adding the code from the plug-in to the header.php file. I then saved the header.php file to my child theme (re-done the correct way yesterday – thank you).

Everything is running well except that the Cimy rotator seems to be pushing the navigation down and creating a gap at the top of the rotating images.

I’m sure this is a simple fix – I just can’t seem to pin-point it!

Here is the link to the site: http://www.rodhethrows.com

Here is a portion of the php file, where I added the Cimy code (I trust you know what the rest of it looks like):

// Gets the colour for header texts, or if we should display them at all

if ('blank' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) || '' == get_theme_mod('header_textcolor', HEADER_TEXTCOLOR))

$style = ' style="display:none;"';

else

$style = ' style="color:#' . get_theme_mod('header_textcolor', HEADER_TEXTCOLOR) . ';"';

?>



<div id="header" style="background-image:url(<?php echo $header_img; ?>);">

<?php if ($graphene_settings['link_header_img']) : ?>

<a>" id="header_img_link" title="<?php esc_attr_e('Go back to the front page', 'graphene'); ?>"> </a>

<?php endif; ?>



<?php /* Header widget area */

if ($graphene_settings['enable_header_widget'] && is_active_sidebar('header-widget-area')) {

dynamic_sidebar('header-widget-area');

}

?>



<h1 <?php echo $style; ?> class="header_title"><a> href="<?php echo home_url(); ?>" title="<?php esc_attr_e('Go back to the front page', 'graphene'); ?>"><?php bloginfo('name'); ?></a></h1>

<h2 <?php echo $style; ?> class="header_desc"><?php bloginfo('description'); ?></h2>

<?php do_action('graphene_header'); ?>



<!--BEGIN Cimy Rotator -->



<div id="cimy_div_id">Loading images...</div>

<style type="text/css">

#cimy_div_id {

float: left;

margin: 1em auto;

border: 0px solid #000000;

width: 960px;

height: 198px;

}

</style>

<noscript>

<div id="cimy_div_id_nojs">

<img src="http://www.rodhethrows.com/wp-content/Cimy_Header_Images/heading_banner_glove_960.jpg" alt="" />

</div>

</noscript>

</div>



<!--END Cimy Rotator -->



<div id="nav">

<?php /* The navigation menu */ ?>

Thanks in advance!

[Syahir Hakim]

Syahir Hakim

#12989

This part:

#cimy_div_id {

float: left;

margin: 1em auto;

border: 0px solid #000000;

width: 960px;

height: 198px;

}

Change the margin to 0 auto;

Also, next time please wrap codes in backticks (`).