使用免费模板无法在小屏幕上运行的链接

如何解决使用免费模板无法在小屏幕上运行的链接

我是 css 新手，正在尝试解决同事使用免费模板创建的网站的问题。顶部的链接在普通笔记本电脑尺寸的屏幕上工作正常，但是当您缩小笔记本电脑的屏幕或例如三星手机链接无效，您可以看到它们，但无法点击它们。

页面背后的一些代码是-

CSS
.fh5co-nav-toggle {
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;

@media screen and (max-width: 768px) {
  #fh5co-header #fh5co-main-nav {
    display: none;
  }

jQUERY
var menuAnimate = function(o,mleft,duration,mul) {
        var navLi = $('#fh5co-nav > ul > li');
        navLi.each( function(k){
            var el = $(this);
            setTimeout(function() {
                el.veLocity(
                    { opacity: o,marginLeft: mleft },{ duration: duration }
                );
            },k * mul );
        });
        
    };

    var burgerMenu = function() {
        $('body').on('click','.js-fh5co-nav-toggle',function(){
            $('#fh5co-nav > ul > li').css({ marginLeft: -50,opacity: 0 });
            $(this).toggleClass('active');
            
            var mainNav = $('#fh5co-main-nav');
            mainNav.slidetoggle(400).toggleClass('active');
            

            if ( mainNav.hasClass('active') ) {
                menuAnimate(1,400,200);    
            } else {
                menuAnimate(0,-50,1,0);  
            }

        });
    };

    var mobileMenuState = function() {
        if ( $(window).width() > 768 ) {
            $('#fh5co-main-nav').removeClass('active').show();
            $('#fh5co-nav > ul > li').css({
                opacity: 1,marginLeft: 0
            })
        } else {
            $('.js-fh5co-nav-toggle').removeClass('active');
            $('#fh5co-main-nav').hide();
        }
    };

HTML 代码段

        <!-- Header -->
    <header id="fh5co-header" role="banner">
            <!-- Mobile Toggle Menu Button -->
    <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>    
<!-- Main Nav -->
        <div id="fh5co-main-nav">
        <nav id="fh5co-nav" role="navigation">
            <ul>
                <li class="active">
                    <a href="index.html">Home</a>
                </li>
                <li>
                    <a href="about.html">About</a>
                </li>
                <li>
                    <a href="media.html">Media</a>
                </li>
                <li>                        <a href="news.html">News</a>    

                </li>
                <li>
                    <a href="team.html">Team</a>    
                </li>
                <li>
                    <a href="partners.html">Partners</a>    
                </li>
                <li>
                    <a href="sponsors.html">Sponsors</a>    
                </li>
                <li>
                    <a href="jobs.html">Jobs</a>    
                </li>
            </ul>
        </nav>
    </div>
        <!-- Main Nav -->
    </header>
    <!-- Header -->