UberMenu problem integration

[Oleg]

Hi!

I want to use UberMenu. I have included in the plugin settings option “Automatic Integration Theme Location”. I also added CSS:

@media screen and (max-width: 768px) {
      .menu-toggle, .main-navigation.toggled .main-nav > ul {
            display: none;
      }
      .main-navigation ul {
            display: block;
      }
      .ubermenu-responsive-toggle {
            display: block !important;
      }
}

@media screen and (min-width: 769px) {
      .ubermenu-responsive-toggle {
            display: none !important;
      }
}

However, it still remains a problem. As if two menus are displayed simultaneously. Displays the standard menu search and arrow:

How to get rid of it?

[Tom]

Ah, you’ll want to remove the GP arrows.

Here’s your complete CSS:

@media screen and (max-width: 768px) {
    .menu-toggle, 
    .main-navigation.toggled .main-nav > ul {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .ubermenu-responsive-toggle {
        display: block !important;
    }
}

@media screen and (min-width: 769px) {
    .ubermenu-responsive-toggle {
        display: none !important;
    }
}

.dropdown-menu-toggle,
.search-item {
    display: none;
}

That should do it 🙂

[Tom]

For anyone else having issues with UberMenu, they have this awesome integration page: https://sevenspark.com/docs/ubermenu-3/theme-integration/generatepress

[Sam]

Hi, I have followed the link provided by Tom regarding the integration by sevenspark, but it breaks the header, could their code be out of date?

if ( !function_exists( 'generate_navigation_position' ) ) {
    function generate_navigation_position(){
        if( function_exists( 'ubermenu' ) ){
            ubermenu( 'main' , array( 'theme_location' => 'primary' ) );
        }
    }
}
  
/* Stop the theme from filtering the menu output */
add_action( 'wp_head' , 'stop_generatepress_menu_filter' );
function stop_generatepress_menu_filter(){
    remove_filter( 'walker_nav_menu_start_el', 'generate_nav_dropdown', 10, 4 );
}

See here screen shot: https://www.dropbox.com/s/8idud4kldk5rx3f/Screenshot%202019-06-13%20at%2013.08.09.png?dl=0

Let me know if you have any ideas?

thanks
Sam

[David]

Hi there,

this topic is rather old, could you raise a new topic and if possible can you provide a link to the site so we can take a look.

[Sam]

ok.

[David]

Thanks

[Author]

Posts