Organize Drop Down Menu?

  • Can anybody help me fix my menu?

    Here’s my website https://www.gosolarsandiego.com/wordpress…

    And here’s my header.php file. 

    <!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
	global $page, $paged;
	wp_title( '|', true, 'right' );
	bloginfo( 'name' );
	$site_description = get_bloginfo( 'description', 'display' );
	if ( $site_description && ( is_home() || is_front_page() ) )
		echo " | $site_description";
	if ( $paged >= 2 || $page >= 2 )
		echo ' | ' . sprintf( __( 'Page %s', 'pursol' ), max( $paged, $page ) );
	?></title>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link href="<?php bloginfo( 'stylesheet_url' ); ?>" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('stylesheet_directory'); ?>/drop_menu.css" rel="stylesheet" type="text/css" />
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/stuHover.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/cufon-yui.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/Century_Gothic_700.font.js" type="text/javascript"></script>

<script type="text/javascript">
Cufon.replace(['#service ul li h3', '#about_we ul li h3 span', '#about_we ul li h3 small'], {fontFamily: 'Century Gothic', hover: true})
</script>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
	if ( is_singular() && get_option( 'thread_comments' ) )
		wp_enqueue_script( 'comment-reply' );
	wp_head();
?>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="scripts/fadeslideshow.js">
</script>
</head>

<body>
<!--Layout Start-->
<div id="layout">
  <!--header Start-->
  <div id="header">
    <h1>Pursol Solar System</h1>
    <div class="logo"><a href="<?php echo home_url( '/' ); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.jpg" alt="Pursol Solar Systems Inc." /></a></div>
    <div class="top_links">
		<img src="https://gosolarsandiego.com/wordpress/wp-content/uploads/2012/08/phone26.jpg"></div>
</div>
  <!--header End-->
  <!--Menu Start-->
  <div id="menu">
  <?php //wp_nav_menu( array('container_class' => 'menu-header', 'theme_location' => 'Top menu', 'menu', => 'Top menu' ) ); ?>
  <?php if($post->post_parent !=0)
		  {
		  	$varActiveHedaer = $post->post_parent;
		  }
		  else
		  {
		  	$varActiveHedaer = $post->ID;
		  }
		   ?>
    <ul id="menu-top-menu">
       <?php  $pages = get_pages('sort_column=menu_order&parent=0');
	foreach($pages as $varPage)
	{ ?>
    <li><a href="<?php echo get_page_link($varPage->ID) ?>"><?php echo $varPage->post_title; ?></a>
      <?php $second = get_pages('sort_orderby=>83,85,125,95,258,child_of='.$varPage->ID); ?>
      <?php if($second != array()){  ?>

        <ul class="sub-menu png">
         <?php foreach($second  as $varSecond){?>
                <li><?php echo $varSecond->post_title; ?>

         <?php $third = get_pages('sort_orderby=>83,85,125,95,258,child_of='.$varSecond->ID); ?>
      <?php if($third != array()){  ?>

          <ul>
           <?php foreach($third  as $varThird){?>
          	 <li><a href="<?php echo get_page_link($varThird->ID); ?>"><?php echo $varThird->post_title; ?></a></li>
             <?php }?>
          </ul>
          <?php }?>
          </li>
          <?php }?>
        </ul>
        <?php }?>

      </li>
      <?php }?>
    </ul>
  </div>
  <!--Menu End-->

    I need to change the top header order….and don’t know how to organize each submenu instead of having each parent display all the pages?

    Any help would be awesome!

    Thanks!

    Christina = )

Viewing 6 replies - 16 through 21 (of 21 total)
Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Organize Drop Down Menu?’ is closed to new replies.

Tags