I really need some assistance. Been sitting with this for hours now. For some reason manual links works fine in mobile mode, but as soon as I try adding a function for pickup, the menu stops working in mobile mode

My header php is :

<nav id="site-navigation" class="main-navigation">
<label for="show-menu" class="show-menu">Menu</label> <input type="checkbox" id="show-menu">

    <ul class="top-menu">
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
    </ul>

works great because its manual

when i try to do:

            <nav id="site-navigation" class="main-navigation">

                <!-- Responsive Menu Label -->
                <label for="show-menu" class="show-menu">Menu</label> <input type="checkbox" id="show-menu">


            <label for="show-menu" class="show-menu"><i class="fa fa-bars"></i> Navigation</label>
            <input type="checkbox" id="show-menu" role="button">
                <?php
                // Primary navigation menu.
                wp_nav_menu(array(
                        'theme_location' => '',
                    'menu' => '',
                        'link_before' => '',
                        'link_after' => '',
                    'sub_menu' => true
                    )
                    );
                ?>

            </nav>

the menu shows in desktop mode but just stuck (clicks dont work) in mobile mode…

Please help!