Support » Theme: Zoom Lite » How do I show logo on mobile?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author GhozyLab

    (@ghozylab)

    Hi @spearleyez

    Please update the theme to the latest version and go to Theme Customize > Site Branding > Logo > and turn ON Show Main Logo in Mobile Menu option

    I have updated the theme but I do not have that option under logo. Is it because I am using the Image Slider for the header?

    martind10

    (@martind10)

    I too have the same question and the same query. I have the latest version of WordPress and the updated version of the theme but do not see the option listed in the menu stated “go to Theme Customize > Site Branding > Logo > and turn ON Show Main Logo in Mobile Menu option”.

    Also, @spearleyez, I see that you have fixed this – how?

    thanks

    Martin

    spearleyez

    (@spearleyez)

    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–>

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I show logo on mobile?’ is closed to new replies.