menu mobilne na Iphone

Question

Cześć mam problem ze stroną internetową, otóż na na androidzie rozwijane menu pokazuje mi się całkowicie normalnie i działa, natomiast, gdy ktoś wchodzi z iphone'a to nie widać nawet możliwości rozwijania menu. Oczywiście mowa o mobilnych wersjach.

Link do strony:

http://przedszkole.akademiareissa.pl/

Prosiłbym o wsparcie

<header id="header">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <button id="primary-nav-button" type="button">Menu</button>
                        <div class="logo" style="margin-top: 65px;">
    <a href="index.html">
        <img src="img/logo_new.png" alt="Venue Logo">
    </a>
</div>
                        <nav id="primary-nav" class="dropdown cf">
                            <ul class="dropdown menu">
                                <!-- <li class='active'><a href="#"></a></li> -->
                                <a target="_blank" href="https://apr.cas.cogitech.pl/rejestracja"><li class="menu-tomek">Rejestracja<img src="img/registration_icon.png"></li></a>
                                <a target="_blank" href="https://apr.cas.cogitech.pl/"><li class="menu-tomek">Panel rodzica - Opłać zajęcia<img src="img/payment_icon.png"></li></a>
                                <a target="_blank" href="https://footballpro.pl/shop/category/738/akademia-pilkarska-reissa"><li class="menu-tomek">Sklep Przedszkolaka<img src="img/shopping_icon.png"></li></a>
                                <a href="#kontakt"><li class="menu-tomek">Kontakt<img src="img/phone_icon.png"></li></a>
                            </ul>
                        </nav><!-- / #primary-nav -->
                    </div>
                </div>
            </div>
        </header>