Secondary menu, submenu does not work

Hello,

on this page: http://themes.semicolonweb.com/html/canvas/index-onepage-2.html

in the secondary menu (green color) I cannot insert any submenus.
For example: in the first "Start" menu

<li class="page-menu-item"><a href="#"><div>Start</div></a></li>

i tried like this but it doesn't work:

<li class="menu-item"><a class="menu-link" href="#"><div>Start</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#">Sub menu 1</a></li>
<li class="menu-item"><a class="menu-link" href="#">Sub menu 2</a></li>
<li class="menu-item"><a class="menu-link" href="#">Sub menu 3</a></li>
</ul>
</li>

Thanks for any help or suggestions

Hello,

works great, thanks!

Last question: http://themes.semicolonweb.com/html/canvas/index-onepage-2.html

I have removed "Explore CANVAS", I want to center the menu, is help possible?

This is the code:

<div id="page-menu">
			<div id="page-menu-wrap">
				<div class="container">
					<div class="page-menu-row">

						<nav class="page-menu-nav one-page-menu">
							<ul class="page-menu-container">
<li class="page-menu-item"><a href="#"><div>Start</div></a>
	<ul class="page-menu-sub-menu">
		<li class="page-menu-item"><a href="#"><div>Sub-Menu 1</div></a></li>
		<li class="page-menu-item"><a href="#"><div>Sub-Menu 2</div></a></li>
	</ul>
</li>
							</ul>
						</nav>

						<div id="page-menu-trigger"><i class="icon-reorder"></i></div>

					</div>
				</div>
			</div>
</div>

Thanks again

Thanks, it works great!

Thanks again :)