Docs

[Aquor]

Hello,

Thank you for including the ubermenu and superfly options. Both look great.

I am trying to integrate ubermenu into my site but having troubles.

1) The navigation bar now seems to be cutting off the top of pages: https://www.aquorwatersystems.com/where-to-buy/

2) The navbar cart does not appear until page refreshed. It appears below the menu rather than inline (attached screenshot).

3) Is it possible to make the “topbar” stretch full width across page? When I activate and add a background color, it only goes page width.

Appreciate any help!

[Lely]

Hello There,

Thank you for the URL.
1.) Please go to Appearance > Customize > Header >Navbar Top Height (px): Set this at least to 60

2.) I can’t see the cart in the navbar as of the moment. Did you disable it? If not, please do give us admin credentials on a private reply so we can check your settings.

3.)Yes. Please activate it and then give us screenshot of what you want to achieve to help you better.

Cheers!

[Aquor]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! To resolve the cart menu issue, you will need to update your custom menu code. You can make use of this code instead:

// Add cart menu to the primary and woocommerce custom menu
// =============================================================================
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' && WC()->cart->cart_contents_count > 0 || $args->theme_location == 'woocommerce' && WC()->cart->cart_contents_count > 0 ) {

      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="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 );
// =============================================================================

We would loved to know if this has work for you. Thank you.

[Aquor]

Hi, thanks for the reply.

I added the code above and it did align the cart to the right, but the styling and position are still off. I can’t seem to adjust the styling from the customizer either. I removed the alternate menu setting from my functions and that also didn’t help.

Screenshot attached.

Also, what is the easiest way to make my header logo have a hyperlink? For some reason ubermenu disabled that. Thank you.

[Paul R]

Hi,

To fix the alignment and logo link, you can add this under Custom > Edit Global CSS in the Customizer.

a.x-brand.img {
	    position: relative;
	    z-index:99999;	
}

.x-menu-item.x-menu-item-woocommerce {
	float: right;
    	line-height: 49px;
    	font-size: 15px;
    	font-weight: bold;
}

Hope that helps.

[Aquor]

This fixed both issues. Thanks for the help!

[Paul R]

You’re welcome! 🙂

[Author]

Posts