WordPress Toggle Collaspe не работает хорошо

В настоящее время я работаю над блогом, и я занимаюсь разработкой на местном уровне. Это проблема, с которой я сталкиваюсь:

Это происходит, когда я переключаю крах, чтобы сделать его мобильным:

Мобильный отзывчивый

И когда я нажимаю «Меню», он отображается неправильно, возможность закрытия меню не отображается.

Вот как это должно быть:

Правильная версия

Это код для части переключения:

<div class="overlay-toggle drawer-toggle drawer-open-toggle"> <span class="toggle-visible"> <i class="fa fa-search"></i> <?php esc_html_e( 'Explore', 'paperback' ); ?> </span> <span> <i class="fa fa-times"></i> <?php esc_html_e( 'Close', 'paperback' ); ?> </span> </div><!-- .overlay-toggle--> <div class="overlay-toggle drawer-toggle drawer-menu-toggle"> <span class="toggle-visible"> <i class="fa fa-bars"></i> <?php esc_html_e( 'Menu', 'paperback' ); ?> </span> <span> <i class="fa fa-times"></i> <?php esc_html_e( 'Close', 'paperback' ); ?> </span> </div><!-- .overlay-toggle--> </div><!-- .top-navigation-right --> </div><!-- .container --> </div><!-- .top-navigation --> <div class="drawer-wrap"> <?php // Get the explore drawer (template-parts/content-drawer.php) get_template_part( 'template-parts/content-drawer' ); // Get the explore drawer (template-parts/content-menu-drawer.php) get_template_part( 'template-parts/content-menu-drawer' ); ?> </div><!-- .drawer-wrap --> 

Пожалуйста, что я упускаю?