menu dissapear in django - html

Question

I have a problem with menu in html in django
the problem is in index page menu works perfectly fine, but in other apps such as projects or blog pages menu loads ok but when you scroll down and scroll up menu dissapears and i have to reload the page, i have added menu in database so i can add things in admin panel, here is my codes:
views.py
def proindex(request):
setting = Setting.objects.all().get()
menu = SettingMenu.objects.all().get()
proj = Project.objects.all()
context = {'setting': setting, 'menu': menu, 'proj': proj, 'navbar': 'projects'}
return render(request, "projects.html", context)
models.py
class Setting(models.Model):
Website_Title = models.CharField(max_length=200)
Footer_Text = models.CharField(max_length=10000)
Header_Text1 = models.CharField(max_length=200, default="Text")
Header_Text2 = models.CharField(max_length=200, default="Text")
Banner_Text1 = models.CharField(max_length=200, default="Text")
Banner_Text2 = models.CharField(max_length=200, default="Text")
Banner_Button = models.CharField(max_length=200, default="Text")
def __str__(self):
return "Website Settings"
class SettingMenu(models.Model):
Admin_Panel = models.CharField(max_length=200)
Admin_Link = models.CharField(max_length=200)
Menu_Item1 = models.CharField(max_length=200)
Menu_Link1 = models.CharField(max_length=200)
Menu_Item2 = models.CharField(max_length=200)
Menu_Link2 = models.CharField(max_length=200)
Menu_Item3 = models.CharField(max_length=200)
Menu_Link3 = models.CharField(max_length=200)
Menu_Item4 = models.CharField(max_length=200)
Menu_Link4 = models.CharField(max_length=200)
Menu_Item5 = models.CharField(max_length=200)
Menu_Link5 = models.CharField(max_length=200)
Menu_Item6 = models.CharField(max_length=200)
Menu_Link6 = models.CharField(max_length=200)
Menu_Item7 = models.CharField(max_length=200)
Menu_Link7 = models.CharField(max_length=200)
Menu_Item8 = models.CharField(max_length=200)
Menu_Link8 = models.CharField(max_length=200)
def __str__(self):
return "Menu Settings"
base.html
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="{% url 'main:index' %}" class="logo">
<img src="{% static 'assets/images/logo.png' %}" alt="">
</a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li>صفحه اصلی</li>
{% if user.is_superuser %}
<li>پنل مدیریت</li>
{% endif %}
<li>پروژه ها</li>
<li>وبلاگ</li>
<li>{{ menu.Menu_Item4 }} <img src="{% static 'assets/images/profile-header.jpg' %}" alt=""></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->