Automatyczne chowanie navbar po dowolnym kliknięciu na stronie

Question

Witam, mam problem ze swoją stroną internetową. Szukałem i szukałem ale niestety nie udało mi się znaleźć rozwiązania. Chodzi mi o to, że po zmniejszeniu strony do wersji mobilnej pojawia mi się ikonka rozwijanego menu. Aby je aktywować oraz zamknąć trzeba nacisnąć na tą ikonkę. Jak mogę zrobić żeby menu chowało się po kliknięciu na dowolny element na stronie. Mój kod:

 

<nav class="navbar1 navbar navbar-expand-md">

                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainmenu"><span>
                    <img class="d-md-none" style="width: 50%; padding: 5px; border: 1px solid #999894;" src="image/ham3.png"></span>
                </button>

                <div style="clear: both;" ></div>

                <div class="collapse navbar-collapse" id="mainmenu"> 
                    <ul class="navbar-nav xz m-auto">
                        <li class="nav-item mt">
                            <a class="nav-link" href="index.html" style="color: #806703"><b>HOME</b></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="#">O MNIE</a>
                        </li>