the menu item people and its sub menus do not work properly anyone can help
<div class=“site-wrap”>
<div class="site-mobile-menu">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<header class="site-navbar py-3 border-bottom" role="banner">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-6 col-xl-2" data-aos="fade-down">
<H1 class="mb-0"><A href="index.html"><font face="agnes-xbold" size="7"><span style="font-family: 'Vladimir Script'; font-weight: normal; font-style: normal; text-decoration: none; font-size: 36pt;">Sehrbrock
Photography</span></span></span></font></H1>
</DIV>
<DIV class=“col-10 col-md-8 d-none d-xl-block” data-aos=“fade-down”><NAV class=“site-navigation position-relative text-right text-lg-center”
role=“navigation”>
<UL class=“site-menu js-clone-nav mx-auto d-none d-lg-block”>
<LI class=“active”>Home
<LI class=“has-children”>Gallery
<UL class=“dropdown”>
<li class=“has-children”>
- Portraits
- Senior Pictures
<li class=“first_item”>Weddings
<li class=“last_item”>People
<LI class=“has-children”>
<UL class=“dropdown”>