title: How to convert html menu to WordPress menu (WordPress)
body: <p>Guys, I have following codes in my html. I'm using 320 bootstrap wp theme. I just create a menu. Its working. But that above box is not moving to menu to menu. How I do it? </p>
  
  <p>For more explain. Please visit below links. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;Menu Tutorial - Cufon Font Script&lt;/title&gt;
  &lt;link rel="shortcut icon" href="images/favicon.ico" /&gt;
  &lt;!--CSS--&gt;
  &lt;link href="styles/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="styles/color.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="styles/noscript.css" rel="stylesheet" type="text/css" id="noscript" media="screen,all"  /&gt;
  &lt;!--End testimonial--&gt;
  &lt;script type="text/javascript" src="js/jquery-1.5.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/cufon-yui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/Ebrima_400-Ebrima_700.font.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
       Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6')  ('.nivo-caption h1', {textShadow: '#000 2px 0px 2px'}) ('.nivo-caption .button');
  &lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.lavalamp.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/lavalamp-config.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.easing.1.1.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="wrapper"&gt;
          &lt;div id="wrapper-top"&gt;
                  &lt;div id="top"&gt;
                      &lt;div id="top-left"&gt;&lt;a href="index.html"&gt;
                          &lt;img src="images/logo.png" alt="" width="223" height="58" /&gt;It's An Image&lt;/a&gt;&lt;/div&gt;&lt;!-- #top-left --&gt;
                      &lt;div id="top-right"&gt;
                          &lt;div id="nav"&gt;
                              &lt;ul id="topnav"&gt;
                                      &lt;li class="active"&gt;&lt;a href="index.html" &gt;Home&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="about.html"&gt;About Us&lt;/a&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="services.html"&gt;Services&lt;/a&gt;
                                      &lt;ul&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Services One&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Services Two&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Services Three&lt;/a&gt;&lt;/li&gt;
                                          &lt;li&gt;&lt;a href="#"&gt;Services Four&lt;/a&gt;&lt;/li&gt;
                                      &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Portfolio&lt;/a&gt;
                                          &lt;ul&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Portfolio One&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Portfolio Two&lt;/a&gt;&lt;/li&gt;
                                              &lt;li&gt;&lt;a href="#"&gt;Portfolio Three&lt;/a&gt;&lt;/li&gt;
                                          &lt;/ul&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                              &lt;!-- #topnav --&gt;
                          &lt;/div&gt;&lt;!-- #nav --&gt;
                      &lt;/div&gt;&lt;!-- #top-right --&gt;
                  &lt;/div&gt;&lt;!-- #top --&gt;
          &lt;/div&gt;&lt;!-- #wrapper-top --&gt;
      &lt;script type="text/javascript"&gt; Cufon.now(); &lt;/script&gt; &lt;!-- to fix cufon problems in IE browser --&gt;
      &lt;script type="text/javascript"&gt;jQuery('#noscript').remove();&lt;/script&gt;&lt;!-- if javascript disable --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://www.dropbox.com/sh/d7q0i8rvb9u2hde/nBeV1ve8hv" rel="nofollow">To View That I Expect</a></p>
  
  <p><strong>Explains</strong></p>
  
  <ol>
  <li>You can see my updates viewing that link from dropbox.</li>
  <li>You can see red box around css depth box.</li>
  <li>It's moving well in html page </li>
  <li>I want to do it in WP</li>
  </ol>
  
  <p>Seeking your help here</p>