Суть проблемы в появлении лишней иконки. По сути на обе иконки можно нажать и они выполняют одно и тоже, но в код вставлена только одна иконка. Вторая появляется автоматически и я не могу понять из за чего.
<?php get_template_part( 'theme-parts/header/pre-header', cspt_get_base_option('header-style') ); ?>
<div class="cspt-header-height-wrapper" style="min-height:<?php echo cspt_get_base_option('header-height'); ?>px;">
<div class="<?php cspt_header_class(); ?> <?php cspt_header_bg_class(); ?> <?php cspt_sticky_class(); ?>">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<div class="cspt-logo-menuarea">
<div class="site-branding cspt-logo-area">
<div class="wrap">
<?php echo cspt_logo(); ?><!-- Logo area -->
</div><!-- .wrap -->
</div><!-- .site-branding -->
<!-- Top Navigation Menu -->
<div class="navigation-top">
<div class="cspt-mobile-search">
<?php cspt_header_search(); ?>
</div>
<button id="menu-toggle" class="nav-menu-toggle">
<i class="cspt-base-icon-menu-1"></i>
</button>
<div class="wrap">
<nav id="site-navigation" class="main-navigation cspt-navbar <?php cspt_nav_class(); ?>" aria-label="<?php esc_attr_e( 'Top Menu', 'enginir' ); ?>">
<?php wp_nav_menu( array(
'theme_location' => 'creativesplanet-top',
'menu_id' => 'cspt-top-menu',
'menu_class' => 'menu',
) ); ?>
</nav><!-- #site-navigation -->
</div><!-- .wrap -->
</div><!-- .navigation-top -->
</div>
<div class="cspt-right-box">
<?php cspt_header_search(); ?>
</div>
</div><!-- .justify-content-between -->
</div><!-- .container -->
</div><!-- .cspt-header-wrapper -->
</div><!-- .cspt-header-height-wrapper -->