Monkey Albino

<div id="sidebar-primary" class="widget-area" role="complementary">

<style>


/* Fixed sidenav, full height */
.dropdown-btn {
  padding: 3px 8px 3px 12px;
  color: #004481;
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 700;
  background: #b9c0cc;
}
.dropdown-btn:hover {
  background: #b9c0cc;
}
.sidenav {
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f5f6f8;
  overflow-x: hidden;
  padding: 20px;
} 
.sidenav li{
    list-style-type: none;
}
.sidenav li a{
    font-weight: bold;
}

/* On mouse-over */
.sidenav a:hover {
  color: #110d0d;
}



/* Add an active class to the active dropdown button */
.active {
  background-color: #004481;
  color: white;
}

 

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 15px;
          font-weight: 700;
  }
}
</style>
 
    <button class="dropdown-btn"> Category   </button>
<div class="sidenav">
  <!--<a href="#about">About</a>
  <a href="#services">Services</a>
  <a href="#clients">Clients</a>
  <a href="#contact">Contact</a>
  <button class="dropdown-btn">Dropdown 
    <i class="fa fa-caret-down"></i>
  </button>
  <div class="dropdown-container">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
  <a href="#contact">Search</a>-->
  
  
  
  
  
  <?php $nav_table = 'menu';
				$sql_cat = mysql_query("SELECT * FROM `$nav_table` WHERE `parents_cat_id`='0' and position='Menu Bar' ORDER BY `sir_no` ASC");
				while($row_cat=mysql_fetch_array($sql_cat)){$cat_id=$row_cat['id']; $parent_id=$row_cat['parents_cat_id'];
					//if($cat_id=='1'){echo '<li><a href="'.$row_cat['url_link'].$row_cat['url_name'].'">'.$row_cat['cat_name'].'</a>';
					//}else{
					$sql_sub_cat=mysql_fetch_array(mysql_query("SELECT * FROM `$nav_table` WHERE `parents_cat_id`='$cat_id' ORDER BY `sir_no` ASC"));
					if($sql_sub_cat){$item_has_arrow = 'class="menu-item-has-children"';}else{$item_has_arrow = '';}
						echo '<li '.$item_has_arrow.'><a href="'.$row_cat['url_link'].$row_cat['url_name'].'">'.$row_cat['cat_name'].'</a>';
					    
				//	}
				
					if($sql_sub_cat){ $sub_cat_id=$sql_sub_cat['parents_cat_id'];
						echo '<ul class="sub-menu" style="margin-left: 20px;">';
					$result_sub=mysql_query("SELECT * FROM `$nav_table` WHERE `parents_cat_id`='$sub_cat_id' ORDER BY `sir_no` ASC");
					while($row_sub=mysql_fetch_array($result_sub)){$subcat_id=$row_sub['id'];
					$sub_sub_cat=mysql_fetch_array(mysql_query("SELECT * FROM `$nav_table` WHERE `parents_cat_id`='$subcat_id' ORDER BY `sir_no` ASC"));
					if($sub_sub_cat){$item_has_arrow2 = 'class="menu-item-has-children"';}else{$item_has_arrow2 = '';}
					echo '<li '.$item_has_arrow2.'><a href="'.$row_sub['url_link'].$row_sub['url_name'].'">'.$row_sub['cat_name'].'</a>';
					//////3rd level sub menu
						if(!empty($sub_sub_cat)){ $level_3rd_cat_id=$sub_sub_cat['parents_cat_id'];
						echo '<ul class="sub-menu2">';
						$result_3rdsub=mysql_query("SELECT * FROM `$nav_table` WHERE `parents_cat_id`='$subcat_id' ORDER BY `sir_no` ASC");
							while($row_3rdsub=mysql_fetch_array($result_3rdsub)){$subcat3rd_id=$row_3rdsub['id'];
								echo '  
									<li><a href="'.$row_3rdsub['url_link'].$row_3rdsub['url_name'].'"> '.$row_3rdsub['cat_name'].' </a></li>' ;
							}
						echo '</ul>';
						}////// end 3rd level sub menu
						
					echo '</li>';
							}//////2nd while
						echo'</ul>';
						}//////if
				echo'</li>';					
			}//////main while
		?>
  
  
  
  
  
  
  
</div>

 


</div><!-- #sidebar-primary -->