Div按钮无法在手机上使用

Question

我的网站

meesbuschman.com

按钮在桌面上运行得很好，但在我的Android手机上按钮似乎不起作用。可能是因为我正在使用转换或转换我的CSS，但我不是正确的。我在堆栈溢出时找不到任何东西。

$('#projectsBtn').click(function(){ 
    setWhite();
    growLogo();
    animateInfo(1);
    $('header').css('height', '20vh');
    $('.second-half').css('height', '80vh');


    $('.nav').css('transform', 'translateY(-100%)');
    $('.projects').css('transform', 'translateY(0)');

});


        <div class="nav">
            <div class="btn" id="skillBtn">
                <div class="small-border-bottum"></div>
                <div class="small-border-left"></div>
                <div class="small-border-top"></div>
                <div class="small-border-right"></div>

            <h2>My Skills</h2>
            </div>

            <div class="btn" id="projectsBtn">
                <div class="small-border-bottum"></div>
                <div class="small-border-left"></div>
                <div class="small-border-top"></div>
                <div class="small-border-right"></div>

            <h2>Projects</h2>
            </div>

            <div class="btn" id="aboutBtn">
                <div class="small-border-bottum"></div>
                <div class="small-border-left"></div>
                <div class="small-border-top"></div>
                <div class="small-border-right"></div>

            <h2>About me</h2>
            </div>
        </div>

        <div class="skills">
            <div class="btn" id="homeSkillBtn">
                <div class="small-border-bottum"></div>
                <div class="small-border-left"></div>
                <div class="small-border-top"></div>
                <div class="small-border-right"></div>

            <h2><i class="ion-chevron-up"></i></h2>
            </div>