Html 移动导航不工作

有人能在这里发现问题吗？我的手机

nav

不工作。按钮看起来很好，但单击它时什么也没发生

任何帮助都将不胜感激

<!-- Header ================================================== --> 
<header class="site-header" role="banner">

    <!-- Section 1: NAV ================================================== --> 
    <div class="navbar navbar-default navbar-fixed-top">
        <div id="top-bar" class="container-fluid nav-container">
            <div>
                <div>
                    <span style="padding: 25px">Open 10:30am till late   |  Tel: +353 (0)XXXXXXXXXXX</span>
                    <img src="<?php bloginfo('stylesheet_directory'); ?>/assets/img/social-icons.png">
                </div>
            </div>
        </div>  
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <a class="navbar-brand" href="#"> 
            <img src="<?php bloginfo('stylesheet_directory'); ?>/assets/img/logo.png">
        </a> 
        <!--logo -->
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#!">Menus</a></li>
                <li><a href="/mcs/host-your-party/">Host your party!</a></li>
                <li><a href="/mcs/#events">Events</a></li>
                <li><a href="#offers">Offers</a></li>
                <li><a href="#gallery">Gallery</a></li>
                <li><a href="#!">Contact</a></li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</header>       

上午10:30开放至深夜|电话：+353（0）XXXXXXXXXX
/资产/img/social icons.png“>
切换导航

上午10:30开放至深夜|电话：+353（0）1497 9775
/资产/img/social icons.png“>
切换导航

它工作正常。请参阅代码段检查您的头文件。我认为这是可行的，请确保您已正确添加了所有头文件。您可以在此处找到所有链接