Docs

[TimoViBritannia]

Hello,

Iam using the Renew stack and wanted to ask how I can make the Menu look like this when using UberMenu. I wanted the menu to look like the default menu from the x theme. Because I like it. But I wanted to be able to use the features from UberMenu. I have played with the settings a little bit. But I can’t figure out how to do it.

Thx
Timo

[Rahul]

Hey There,

You can have a look at the Ubermenu documentation and video tutorials to get help from : http://sevenspark.com/docs/ubermenu-3

If you need anything specific, feel free to get back to us with a link to your website and your query.

Thanks

[TimoViBritannia]

This reply has been marked as private.

[pantnick]

I would suggest to the dev team to set UberMenu appearance and settings just like the default menu. From there we could “play” with Ubermenu and the settings it has. I deactivated UberMenu for now.

[Rad]

Hi there,

Please check this https://community.theme.co/kb/integrated-plugins-ubermenu/

The purpose of integrating UberMenu is to have a menu different from X theme as most user’s request. The structure of X theme’s menu and UberMenu is different and can’t be the same, yet. Possible, but it may take a lot of customization since UberMenu has its own styling.

Though, I agree with theming it with X so I’ll add this as feature request 🙂

Unfortunately, I can’t provide the customization need unless you have a specific requirement of what part of the menu you that wish to change. Maybe I can provide CSS one at a time. But can’t guarantee solutions on all types of tweaking.

Thanks!

[TimoViBritannia]

Hi there,
I used the Vanilla theme, and it looks good but the again and the size is totally wrong. What did I wrong? Could you maybe have a look? I don’t know what Iam doing wrong. I also looked at your docs and I think I did everything like its documented there.

Edit: It would be very awesome if you could provide a custom css some time. 🙂

Thx
Timo

[Lely]

Hello Timo,

You didn’t do anything wrong if you’re referring to the font size. By default, Vanilla theme font size is set to 12px only. We can adjust it to your preferred font size by adding the following CSS on Appearance > Customize > Custom > CSS:

.ubermenu-skin-vanilla {
    font-size: 17px;  /*By default this is 12px. Adjust to your preferred font size*/
}

Hope this helps.

[TimoViBritannia]

Hi,

thanks that helped but still, the hole placement of the menu is wrong.

[Joao]

Hi There,

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 to your site
– WordPress Admin username / password

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

Thanks

Joao

[TimoViBritannia]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. I can confirm that this is a bug in the recent X release update. To temporarily fix this issue, I would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

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

Please let us know how it goes.

[TimoViBritannia]

Hi, ok now the search is in the same line with the menu but the menu is still not in the right prosition. It is still below the logo.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

nav#ubermenu-main-55-primary {
    float: right;
    margin-top: -55px;
}

a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-vanilla.ubermenu-loc-primary.ubermenu-responsive-toggle-content-align-left.ubermenu-responsive-toggle-align-full {
    float: right;
}

Hope it helps 🙂

[Author]

Posts