title: How to add link on menu nav hugo site
body: <p>How can I add a direct link onto a nav item in a menu opposed to a reference to a section?</p>
  
  <p>in my config.toml, I've added a link but it first places the baseurl in front of it:</p>
  
  <pre><code>[menu]
  
      [[menu.nav]]
      name = "Summary"
      URL = "services"
      weight = 2
  
      [[menu.nav]]
      name = "Contact"
      URL = "contact-us"
      weight = 3
  
      [[menu.nav]]
      name = "Methods"
      URL = "blog"
      weight = 4
  
      [[menu.nav]]
      name = "Français"
      url = "https://example.com/" #this is the link I want to add
      weight = 5
  
  </code></pre>
  
  <p>I found <a href="https://discourse.gohugo.io/t/active-links-in-menu/8717/11" rel="nofollow noreferrer">this post</a>, but don't know html so am unsure where to add a change in the layout/partials/navigation.html file.</p>
  
  <p>My suspicion is it's somewhere in this range of the partial. </p>
  
  <pre><code>                {{ if .IsHome }}
                  &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
                          &lt;ul class="navbar-nav ml-auto navigation-menu"&gt;
                                  &lt;li class="nav-item"&gt;&lt;a class="nav-link" data-scroll href="#body"&gt;{{ with $.Site.Params.home }}{{ . }}{{ end }}&lt;/a&gt;&lt;/li&gt;
                                  {{ range $.Site.Menus.nav }}
                                  &lt;li class="nav-item"&gt;&lt;a class="nav-link" data-scroll href="#{{ .URL }}"&gt;{{ .Name }}&lt;/a&gt;&lt;/li&gt;
                                  {{ end }}
                          &lt;/ul&gt;
                  &lt;/div&gt;
                  {{ else }}
                  &lt;div class="collapse navbar-collapse" id="navbarSupportedContent"&gt;
                          &lt;ul class="navbar-nav ml-auto navigation-menu"&gt;
                                  &lt;li class="nav-item"&gt;&lt;a class="nav-link" data-scroll href="{{ $.Site.BaseURL }}#body"&gt;{{ with $.Site.Params.home }}{{ . }}{{ end }}&lt;/a&gt;&lt;/li&gt;
                                  {{ range $.Site.Menus.nav }}
                                  &lt;li class="nav-item"&gt;&lt;a class="nav-link" data-scroll href="{{ $.Site.BaseURL }}#{{ .URL | absURL }}"&gt;{{ .Name }}&lt;/a&gt;&lt;/li&gt;
                                  {{ end }}
                          &lt;/ul&gt;
                  &lt;/div&gt;
                  {{ end }}
  
  </code></pre>
  
  <p>Thanks for any help!</p>