Docs

[FLYFLY]

Hi
I’ve tried a lot of your solution from your forum but nothing solution is ok for me.
I’ve a problem with the woo commerce icon and search icon in the ubermenu ( see the attachement picture ) and i would like that icons will be more bigger.
Thanks

Gwen

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[FLYFLY]

This reply has been marked as private.

[Christopher]

Hi there,

You forgot to include your website URL.

Thanks.

[FLYFLY]

This reply has been marked as private.

[Rupok]

Hi there,

The WooCommerce buttons are part of X menu not UberMenu so it won’t work as same in Ubermenu like it work in X menu. However you can use the following selector to control the font-size, spacing etc for the WooCommerce and Search buttons :

.x-btn-navbar-search, .x-btn-navbar-woocommerce {
  font-size: 20px;
  float: left;
  margin-right: 10px;
}

Hope this helps.

[FLYFLY]

Thanks but your code is ok for spacing and size but not for the position.
See the attached picture. I would like that the icon woo commerce and search are in the same line that the menu.
Thanks Gwen

[Rue Nel]

Hello There,

Sorry if it didn’t work out for you. This is a known incomtability with X Custom Menu items and UberMenu. I already have fix the issue to save you from trouble. I simply added this custom code in your child theme’s functions.php file;

// Custom Search Navigation when uberMenu is active
// =============================================================================
function x_navbar_search_navigation_item( $items, $args ) {
    
  if ( x_get_option( 'x_header_search_enable' ) == '1' ) {
    if ( $args->theme_location == 'primary' ) {

      if ( ! class_exists( 'UberMenu' ) ) {

        $items .= '<li class="menu-item x-menu-item x-menu-item-search">'
                  . '<a href="#" class="x-btn-navbar-search">'
                    . '<span><i class="x-icon-search" data-x-icon="" aria-hidden="true"></i><span class="x-hidden-desktop"> ' . __( 'Search', '__x__' ) . '</span></span>'
                  . '</a>'
                . '</li>';
      } else {
        $items .= '<li class="ubermenu-item ubermenu-item-level-0 x-menu-item x-menu-item-search">'
                  . '<a href="#" class="ubermenu-target x-btn-navbar-search">'
                    . '<span><i class="x-icon-search" data-x-icon="" aria-hidden="true"></i><span class="x-hidden-desktop"> ' . __( 'Search', '__x__' ) . '</span></span>'
                  . '</a>'
                . '</li>';
      }
    }
  }

  return $items;

}
add_filter( 'wp_nav_menu_items', 'x_navbar_search_navigation_item', 9998, 2 );
// =============================================================================

// Custom Cart menu when uberMenu is active
// =============================================================================
function x_woocommerce_navbar_menu_item( $items, $args ) {

  if ( X_WOOCOMMERCE_IS_ACTIVE && x_get_option( 'x_woocommerce_header_menu_enable' ) == '1' ) {
    if ( $args->theme_location == 'primary' ) {

      if ( ! class_exists( 'UberMenu' ) ) {

        $items .= '<li class="menu-item x-menu-item x-menu-item-woocommerce">'
                  . '<a href="' . x_get_cart_link() . '" class="x-btn-navbar-woocommerce">'
                    . x_woocommerce_navbar_cart()
                  . '</a>'
                . '</li>';
      } else {
        $items .= '<li class="ubermenu-item ubermenu-item-level-0 menu-item x-menu-item x-menu-item-woocommerce">'
                  . '<a href="' . x_get_cart_link() . '" class="ubermenu-target x-btn-navbar-woocommerce">'
                    . x_woocommerce_navbar_cart()
                  . '</a>'
                . '</li>';
      }
    }
  }

  return $items;

}
add_filter( 'wp_nav_menu_items', 'x_woocommerce_navbar_menu_item', 9999, 2 );
// =============================================================================

You can custom the cart menu in the customizer by going to Appearance > Customize > WooCommerce. You can do several options on how you would want to display the information for your cart. If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts