Mobile menu icons

[romanzaaa]

Hi guys
Great theme! Could you please help with the following:

1. How can we change the colour of the mega menu in mobile version (currently its black). As well as add icons next to each menu item. At the moment the icons only seen in mega menu in Desktop version

2. How can we change icons on mobile menu on the bottom where we currently have Shop, Account, Search, Favourite, Cart.
– we would like to know how to change icon and the name
– we would like to know how to remove one of the menu items

Thank you

[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 '';
    }

[romanzaaa]

Hi Billy

Thank you!

#2
Is there a way to change icons on the menu to display?

[romanzaaa]

This reply has been marked as private.

[romanzaaa]

i sorted it!
found it in the template section!

thank you

just awaiting a reply to icons questions…

[Billy Nguyen]

Hi,

Please checklist icons: http://dev.wpopal.com/poco/icons/ and let me know what icon do you want to change. I will help you.

[romanzaaa]

This reply has been marked as private.

[Billy Nguyen]

Hi,

Please check your site, I have just added code for you.
Let me know if you need to help and please vote 5 stars for our team.
Many thanks!

[romanzaaa]

This reply has been marked as private.

[Billy Nguyen]

This reply has been marked as private.

[romanzaaa]

This reply has been marked as private.

[Billy Nguyen]

Hi,

About your issue, please send request to themeforest to refund.

[Author]

Posts