Docs

[bezambar]

Is it possible to add the search icon and cart icon to the mobile navbar outside of the collapsible menu?

[Prasant Rai]

Hello There,

Thanks for writing in!

1) Add search icon:

Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript:

(function($) {
   $('.x-nav-wrap.mobile .x-menu-item-search').insertAfter('.x-btn-navbar');
})(jQuery);

Then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

a.x-btn-navbar-search {
    float: right !important;
    margin: 14px !important;
    color: #fff !important;
}

2) Unfortunately, it’s not currently possible. The integration should be within Woocommerce standard and API, you may want to contact a woocommerce developer. However if you would like to try out, please refer following tutorial:

https://isabelcastillo.com/woocommerce-cart-icon-count-theme-header

Thanks.

[Author]

Posts