Не работает меню на мобильной версии

Уже какой день не могу решить данный вопрос, кому не сложно помогите.

Проблема такова, подменю в ПК версии работает стабильно. Как только перехожу на мобильную версию и хочу открыть sub-menu чтобы выбрать любой под-пункт, меня пересылает на категорию меню в каком оно находится.

Данный фрагмент кода - стрелка, по задумке какой должно как раз таки открываться под меню.

<span><i class="fa fa-chevron-down"></i></span>

Если вывести данную строку за a href, вот так.

<a href="'.$category['url'].'">'.$category['title'].'</a><span><i class="fa fa-chevron-down"></i></span>

Тогда она и вообще не отображается на сайте.

  function tplMenu($category){
$menu = '<li><a href="'.$category['url'].'">'.$category['title'].'<span><i class="fa fa-chevron-down"></i></span></a>';
    if(isset($category['childs'])){
        $menu .= '<ul class="sub-menu" style="display:'.$category['typemenu'].'">'. showCat($category['childs']) .'</ul>';
    }
$menu .= '</li>';

return $menu;

Все ссылки прикрепил внизу. Кому реально не сложно, помогите. Заранее спасибо!!!

ссылка на css

веб-сайт на каком обнаружена проблема