Reply To: Mobile menu icons

[Billy Nguyen]

Dear Sir,

#1. Change background color for Menu mobile:

Please use css code:

//Background color for menu
.poco-mobile-nav{
background-color: #your-color !important;
}

//Color for menu item
.mobile-navigation ul li a {
    color: #your-color !important;
}

//Border color menu item
.mobile-navigation ul li{
border-color: #your-color !important;
}

add into file style.css ( child-theme)

Our theme does not support mega menu on mobile version.

#2. To change text on menu mobile, please copy code and paste into file functions.php on child-theme

 – Shop:

function poco_handheld_footer_bar_shop_link() {
        echo '<a href="' . esc_url(get_permalink(get_option('woocommerce_shop_page_id'))) . '"><span class="title">' . esc_attr__('Shop', 'poco') . '</span></a>';
    }

– My account:

function poco_handheld_footer_bar_account_link() {
        echo '<a href="' . esc_url(get_permalink(get_option('woocommerce_myaccount_page_id'))) . '"><span class="title">' . esc_attr__('My Account', 'poco') . '</span></a>';
    }

– Search:

function poco_handheld_footer_bar_search() {
        echo '<a href=""><span class="title">' . esc_attr__('Search', 'poco') . '</span></a>';
        poco_product_search();
    }

– Wishlist:

function poco_handheld_footer_bar_wishlist() {
        if (function_exists('yith_wcwl_count_all_products')) {
            ?>
            <a class="footer-wishlist" href="<?php echo esc_url(get_permalink(get_option('yith_wcwl_wishlist_page_id'))); ?>">
                <span class="title"><?php echo esc_html__('Wishlist', 'poco'); ?></span>
                <span class="count"><?php echo esc_html(yith_wcwl_count_all_products()); ?></span>
            </a>
            <?php
        }
    }

Then, change your text or link if you want.

If you want to remove one of the menu items.

Please remove all code on the function.
Ex:

– Remove My account:

function poco_handheld_footer_bar_account_link() {
        echo '';
    }