Expected behavior

When clicking on a menu item within the burger menu, the burger menu does not collapse

Actual behavior

The burger menu just stays visible

Resources (screenshots, code snippets etc.)

            <div class="collapse navbar-collapse" id="navbarToggler">
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">

                    <!-- Navbar dropdown -->
                    <li class="nav-item">
                        <a class="nav-link menu-main-text" href="index.php#whatwedo">WHAT WE DO</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link menu-main-text" href="index.php#meettheteam">MEET THE TEAM</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link menu-main-text" href="index.php#servicesoffered">SERVICES OFFERED</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link menu-main-text" href="index.php#productions">PRODUCTIONS</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link menu-main-text" href="index.php#gallery">GALLERY</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link menu-main-text" href="index.php#contactus">CONTACT US</a>
                    </li>

                    <li class="nav-item">
                        <a class="btn-floating bg-white ms-5" href="https://www.instagram.com/filmandtvvetsuk/" target="_blank" role="button">
                            <i class="fa-brands fa-instagram"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>  
    <!--Main Navigation-->