[Superfish.js] Bumping My Sidebar Down

  • Website: https://www.thehomeholders.com

    I have put in the javascript for Superfish to give my theme a drop down menu which it didn’t have before.

    After I did this with a bit of assistance, it ended up shoving my Side Bar down the page, and also one of the Post Boxes.

    My header code is as such:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="https://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title> <?php bloginfo('name'); ?><?php wp_title('&raquo;', true, 'left'); ?> </title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" type="text/css" media="screen" href="superfish.css" /> 

<!--[if IE 6]-->
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/ie6.css" type="text/css" />
<!--[endif]-->

<!--link to the CSS files for this menu type-->
<link rel="stylesheet" type="text/css" media="screen" href="superfish.css" />

<!--link to the JavaScript files-->
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/hoverIntent.js"></script>
<script type="text/javascript" src="/js/superfish.js"></script> 

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/stepcarousel.js"></script>

<script type="text/javascript">

stepcarousel.setup({
	galleryid: 'mygallery', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	autostep: {enable:true, moveby:1, pause:1000000},
	panelbehavior: {speed:800, wraparound:false, persist:true},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['<?php bloginfo('template_directory'); ?>/images/arrow-left.png', 340, 230], rightnav: ['<?php bloginfo('template_directory'); ?>/images/arrow-right.png', -64, 230]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

</script>

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

<?php wp_head(); ?>
</head>
<body>
<div id="wrap">

<div id="top">
	<div id="header">
		<div class="left-head">
		<h1 class="title"><a href="<?php echo get_option('home'); ?>/"><img src="https://thehomeholders.com/wp-content/themes/Kairo_Mag_Blue/images/logo.gif" border="0"></a></h1>

     </div>
        <a href="https://audiojungle.net?ref=karu"><img src="<?php bloginfo('template_directory'); ?>/images/add2.gif" class="head-add" border="none" alt="advertisement" /></a>
	</div>

    <div id="nav">

<ul class="sf-menu">
             <li <?php if ( is_home() ) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
             <?php wp_list_pages('title_li='); ?></ul>

<div class="search-box">
         <form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
         <input type="text" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
		<input type="submit" id="sbutt" value="" /></form>
         </div><!-- End Search Box--></li>

</div>
</ul>
</div>
<!--initialise Superfish -->
<script type="text/javascript"> 

    jQuery(function(){
        jQuery("ul.sf-menu").superfish();
    }); 

</script>

    Does anyone have any idea why this is happening? When I remove the Superfish then it all goes back to normal.

  • The topic ‘[Superfish.js] Bumping My Sidebar Down’ is closed to new replies.