Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

UberMenu problem integration

Home Forums Support UberMenu problem integration

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #173759
    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:

    1

    How to get rid of it?

    #173772
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #245614
    Tom
    Lead Developer
    Lead Developer

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

    #928148
    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

    #928323
    David
    Staff
    Customer Support

    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.

    #928325
    Sam

    ok.

    #928327
    David
    Staff
    Customer Support
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.