title: Wordpress Custom Links in menu not working
body: <p>I am using a blank theme template to create a wordpress theme and I enabled menus by adding the below code to header.php:</p>
  
  <pre><code>&lt;body &lt;?php body_class(); ?&gt;&gt;
      &lt;div id="navbar"&gt;&lt;/div&gt;
  
      &lt;div id="wrapper" class="clear"&gt;
  
          &lt;nav&gt; 
                  &lt;?php wp_nav_menu( array('theme_location' =&gt; 'primary' ) ); ?&gt;
  
          &lt;/nav&gt;
  </code></pre>
  
  <p>And I added this to functions.php:</p>
  
  <pre><code>if (function_exists('register_nav_menus')) {
      register_nav_menus(
          array(
              'main_nav' =&gt; 'Main Navigation Menu'
              )
          );
  };
  </code></pre>
  
  <p>The menu shows up and works fine when I add links to pages but when I add a custom link to say <a href="http://www.google.com" rel="nofollow noreferrer">http://www.google.com</a> with the label Google nothing shows up in the navigation bar. When I view the source the custom link is not being populated at all.</p>
  
  <p><img src="https://i.stack.imgur.com/NTR0E.png" alt="testing with google.com"> </p>
  
  <pre><code>&lt;nav&gt;                  
         &lt;div class="menu"&gt;
            &lt;ul&gt;
                &lt;li class="page_item page-item-9"&gt;&lt;a href="http://localhost/wordpress/anatomy/"&gt;Anatomy&lt;/a&gt;&lt;/li&gt;
                &lt;li class="page_item page-item-11"&gt;&lt;a href="http://localhost/wordpress/history/"&gt;History&lt;/a&gt;&lt;/li&gt;
                &lt;li class="page_item page-item-7"&gt;&lt;a href="http://localhost/wordpress/home/"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
         &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>My css for the nav is simple: </p>
  
  <pre><code>    nav {
      padding:0;
      margin:0;
      position:absolute;
      width: 900px;
  } 
  nav ul li
      {list-style: none;
      font-family: 'Numans', sans-serif;
      font-size: 15px;
      color: #ffffff;
      text-align:left;
      text-transform: uppercase;
      padding: 0;
      margin: 0 30px;
      display: inline;
      position: relative;
      top:-32px;
  }  
  nav ul li a {
      text-decoration: none;
      color: #ffffff;
  }
  nav ul li a:visited 
      {color: #ffffff;
  }
  nav ul li a:hover
      {color: #cccccc;
  }
  nav ul li a:active 
      {color: #ffffff;
  }
  </code></pre>
  
  <p>I am very new to php and wordpress theming and I can't find anyone online with the same issue. </p>