Docs

[s_mocko]

Hi Here is how the cart and search look with as much customizing as I could find in the comments sections. Notice how there is nothing letting someone know the numbe rof items in the cart and the price. That should be 5 items in the cart

I am using renew and my website is eurekawellness.com.au

Here is how it use to look and someting close to it I want when uber menu is activated

I know this is a problem here but having this cart and search functionality that looks decent would be awesome.

Thanks

[Rue Nel]

Hello There,

Thanks for writing in! This happens when uberMenu is active. To resolve this, since you already have your child theme active and ready, please insert this following 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 Navbar 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 current-menu-parent 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 current-menu-parent 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 );
// =============================================================================

Please let us know if this works out for you.

[s_mocko]

This reply has been marked as private.

[s_mocko]

This rendered my site inactive now.

[Thai]

Hi There,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / Password
– FTP Account

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[s_mocko]

This reply has been marked as private.

[Jade]

Hi there,

Kindly provide us with your FTP details as well so we can check this further.

Thank you.

[s_mocko]

This reply has been marked as private.

[Jade]

HI there,

Please try to add this code in the customizer instead:

li.x-menu-item-woocommerce > a .x-cart > span.outer {
    color: #63907C;
    background-color: #fff;
    padding-right: calc(0.625em - 0.182px);
}

li.x-menu-item-woocommerce>a .x-cart>span {
    display: block;
    float: left;
    padding: 0.35em 0.625em;
    color: #fff;
}

li.x-menu-item-woocommerce > a .x-cart {
    color: #fff;
    background-color: #63907C;
    border-radius: 0.415em;
    margin: 0;
    border: 0.25em solid;
    padding: 0;
    overflow: auto;
    text-align: center;
    background-clip: content-box;
}

Hope this helps.

[s_mocko]

Hi,

That is awesome. Is it any way to get it a bit smaller about the size as the navbar text?

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-btn-navbar-woocommerce {
    font-size: 11px;
}

Hope that helps.

[s_mocko]

Thank you very much. You guys rock.

[Thai]

You’re most welcome 🙂

[Author]

Posts