How to change static handheld menu at the bottom (in mobile)

[mplssign]

Hi – How can I have the same menu in mobile that I have in desktop?

Currently, the default menu in mobile is: Shop, My Account, Search, Wishlist, Cart.

Thanks,

Tony

[Billy Nguyen]

Hi,

To setup mobile menu, please select at Appearance -> Menu -> Location menu -> Handheld Menu: https://prnt.sc/11hz249

The menu you are talking about is the footer menu only visible on mobile and this menu is fixed.

To customize this menu, you must customize the code

[mplssign]

Thank you for your reply. I selected my main menu for the handheld location and no change.

I’m trying to set the main menu in Desktop view as the handheld fixed menu.

[Billy Nguyen]

Hi,

As mentioned above, the menu footer mobile is a fixed menu, to customize this menu you have to edit the code. Let me know how the menu you want to fix, I will check it out and assist you.

[CD1987]

Hello,

Can you povide files path ? I whant to edit this.

[Billy Nguyen]

Hi there,

#1. 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
		}elseif (function_exists('woosw_init')) {
            $key = WPCleverWoosw::get_key();

            ?>
            <a class="footer-wishlist" href="<?php echo esc_url(WPCleverWoosw::get_url( $key, true )); ?>">
                <span class="title"><?php echo esc_html__('Wishlist', 'poco'); ?></span>
                <span class="count"><?php echo esc_html(WPCleverWoosw::get_count($key)); ?></span>
            </a>
            <?php
        }
	}

then edit link and text for item menu.

[CD1987]

Lovely mate !

I recomand to add this to the documentation )

[CD1987]

One think, is there a way to edit icons two ? i„m able to edit link and text only

[CD1987]

Founded !

On the CSS

.poco-handheld-footer-bar ul li.shop > a::before {
content: “\e020”;
}

… Lovely!!

[Billy Nguyen]

Yes, awesome.

Let me know if you need to help.

[Author]

Posts