Wordpress css menu МОБИЛЬНЫЙ

Question

Меню Mobile не открывается подменю WordPress. Думаю, в нас есть ошибка CSS

КОД PHP:

<li class="list-open">
<?php
wp_nav_menu( array(
    'menu_class'      => 'mobile-list',
    'theme_location' => 'primary-nav') );?></li>

    ul.mobile-list {
            width: 100%;
            display: block;
            float: left;
            position: fixed;
            left: 0;
            top: 53px;
            height: calc(100% - 53px);
            overflow-y: scroll;
            display: none;
            padding: 10px;
            background-color: #337ab7;
        }

        ul.mobile-list li {
            display: list-item;
            float: left;
            width: 100%;
            margin:8px 0px;
        }

        ul.mobile-list li a {
            color:#ffffff;
            text-transform: uppercase;
            font-size: 16px;
            line-height: 20px;
            font-weight:700;
            /*width: 100%;*/
            max-width: calc(100% - 40px);
            float: left;
        }

        ul.mobile-list li ul li a {
            font-size: 14px;
            line-height: 14px;
            font-weight: 300;
            max-width: 100%;
        }

        ul.mobile-list li a:hover {
            text-decoration: none;
        }

        ul.mobile-list li ul {
            padding-left: 5px;
            margin:5px 0px;
            float: left;
            width: 100%;
            display: none;
        }

Возможно, ошибка может быть и в PHP, поэтому я прошу вашей помощи! Если у кого-то есть идеи, где может быть проблема, помогите мне с этой проблемой.

Спасибо.