title: Clicking over a menu item adds directory to current URL in Django
body: <p>I have an issue with my navigation menu items. When the user is in the page of <strong>Item X</strong> and they click over to the <strong>Item Y</strong> of the navigation menu, they should be taken to  <code>example.com/ItemY</code>. Instead, they are taken to <code>example.com/ItemX/ItemY</code> which results in a page-not-found error:</p>
  <pre><code>Page not found (404)
  Request Method: GET
  Request URL:    http://127.0.0.1:8000/blog/biology/ItemX/ItemY
  Using the URLconf defined in mysite.urls, Django tried these URL patterns, in this order:
  
  admin/
  [name='home']
  chemistry/&lt;slug:slug&gt;/ [name='chemi']
  summernote/
  blog/ &lt;str:parent&gt;/&lt;slug:slug&gt;/ [name='blog_list']
  ^media/(?P&lt;path&gt;.*)$
  The current path, blog/biology/ItemX/ItemY, didn’t match any of these.
  </code></pre>
  <p>These are my project url patterns:</p>
  <pre><code>#urls.py
  urlpatterns = [
      path('admin/', admin.site.urls),
      path('', include('chemistry.urls')),
      path('summernote/', include('django_summernote.urls')),
      path('blog/', include('blog.urls')),
  ]
  </code></pre>
  <p>And these are my app urls:</p>
  <pre><code>#blog/urls.py
  urlpatterns = [
  path('&lt;str:parent&gt;/&lt;slug:slug&gt;/', views.BlogDetail.as_view(), name='blog_list'),
  ]
  </code></pre>
  <p>And here is the HTML template that contains the navbar:</p>
  <pre><code>&lt;div class=&quot;card-body&quot;&gt;
      &lt;nav&gt;&lt;ul&gt;
      {% for blog in blog_list %}
       &lt;li&gt;&lt;a href=&quot;{{blog.slug}}&quot;&gt;{{blog.title}}&lt;/a&gt;&lt;/li&gt;
      {% endfor %}
      &lt;/ul&gt;&lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  <p>How can I fix this?</p>