Hey, sorry for the delay. I had to have a developer code this for me, I’ve shared it below. Keep in mind, every time they update this theme, the PHP code will be erased and you’ll have to add it back but the CSS code should not be erased. Hopefully the developer of this theme will fix this soon.
CSS (I’m not exactly sure where he added this, I’ll have to ask him this week and get back to you):
@media (max-width: 920px) {
.menu-box-mobile .menu-logo {
display: block !important;
float: left;
}
.zoom-menu-center #nav-toggle {
float: right !important;
width: auto !important;
margin-top: 5px;
}
}
Then go to Appearance>Editor>INc>Helpers>Helper-nav.php
Starting at Line 51…
There’s a chunk of code that’s encased in these comments:
<!— Mobile nav START —>
~~~~ code ~~~~
<!— Mobile nav END —>
Just select that chunk and replace with this:
<!–Mobile nav START–>
<div class=”zoom-menu-<?php echo esc_attr( get_theme_mod( ‘menu_align’, ‘left’ ) ); ?> menu-box-mobile”>
<?php if ( get_theme_mod( ‘main_logo_on_nav’, false ) == true ) { ?>
<div class=”menu-logo”>
<?php echo wp_kses_post( zoom_theme_brand_logo( ‘main’, ‘menu-logo-img’ ) ); ?>
</div>
<?php } ?>
<span> </span>
<nav id=”zoom-mobile-nav” role=”navigation”>
<?php
$menu_mobile = wp_nav_menu( array( ‘echo’ => FALSE, ‘container_class’ => ‘menu-mobile’, ‘menu_id’ =>’zoom_mobile_nav’, ‘theme_location’ => ‘primary’, ‘link_before’ => ‘<span>’, ‘link_after’ => ‘</span>’, ‘fallback_cb’ => ‘__return_false’ ) );
if ( ! empty ( $menu_mobile ) ){echo wp_kses_post( $menu_mobile );} else { echo wp_kses( zoom_no_primary_menu( ‘menu-mobile’, ‘zoom_mobile_nav’ ), $allowed_tags ); }
?>
</nav>
</div>
<!–Mobile nav END–>
