how to have multiple menus

[weebnoobi]

i want to have 2 menus in one 1 page. i tried using PrependTo but it just hide my nav when i tried to place the sample that i read in here.. here's my code `

.slicknav_menu{ display: none; } @media screen and (max-width: 992px){

header {
	
	background-color: #fff;
}

#menu {
	display: none;
}

.slicknav_menu {
	display: inline-block;
	position: absolute;
	background: rgba(0,0,0,0);
	z-index: 1000;
	right: 0px;
	font-weight: bold;

	
}
.slicknav_btn{
	background-color: #c9251c;
	margin: 35px 30px 0 0;
}

.slicknav_nav{
	background: #c9251c;
	width: 200px;
}


.slicknav_nav li {
	margin: 0;
	padding: 0;
	height: 3em;
	line-height: 3em;
	width: 200px;
	border-bottom: 1px solid #ba1e16;
	border-top: 1px solid #d11e14;
	text-align: center;
}

.slicknav_nav li a {
	margin: 0;
	padding: 0;
}

.slicknav_nav li a:hover {
	color: #000;
	background-color: rgba(0,0,0,0);
}

`