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

[Resolved] Integration with UBERMENU

Home Forums Support Integration with UBERMENU

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #73706
    webyogi

    Hi,

    We are facing an issue integrating UBERMENU with GENERATEPRESS theme.

    The UBERMENU shows up fine using the Automatic Integration offered by UBERMENU but somehow there is a conflict with respect to mobile menu.

    See -> http://go2immigration.com/ (WIP)

    We also tried out Manual Integration using the code provided by you on the forum by including it in functions.php but WP generates both the UBERMENU and GENERATEPRESS menus.

    Any help will be great.

    Thanks
    -R

    #73723
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Give this CSS a try:

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

    Hi Tom,

    That was quick! Thanks.

    We tried the CSS you gave us and that has fixed one part of the problem, being the UBERMENU now works as designed while in mobile mode. ๐Ÿ™‚

    But 2 issues remain:

    1. The default menu title/header “Menu” continues to show up in mobile mode.
    2. While in non mobile mode, UBERMENU shows the title/header for mobile mode – “Responsive UBERMENU”

    Appreciate all your help and the fast turnaround.

    Thanks a lot in advance.

    -R

    #73834
    Tom
    Lead Developer
    Lead Developer

    Try this code instead:

    @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;
          }
    }

    As for the “Responsive Ubermenu” text – that’s handled by the plugin I believe, so you’ll have to ask them how to change it.

    Hope this helps ๐Ÿ™‚

    #73851
    webyogi

    Brilliant!!!

    Thanks a ton.

    Will be putting up a review about GeneratePress soon. Also we would like to get our website featured when it is all done.

    BTW any plans of a Mega Menu Add-on?

    Cheers!
    R

    #74089
    Tom
    Lead Developer
    Lead Developer

    You’re welcome ๐Ÿ™‚

    No plans for that yet – there’s already some pretty good options out there that work.

    Maybe one day though!

    #74332
    webyogi

    Hi Tom,

    Unfortunately there are some other display related problems with the UBERMENU which means the Automatic Integration provided by UBERMENU is not working too well with the GeneratePress theme inspite of all your help with the CSS code.

    We are trying the manual integration way and stumbled upon the code on the support forum provided by you:

    remove_filter( ‘wp_nav_menu_args’, ‘generate_wp_nav_menu_args’ );
    remove_action( ‘generate_after_header’, ‘generate_add_navigation_after_header’, 5 );
    add_action( ‘generate_after_header’ , ‘generate_ubermenu’ , 5 );
    function generate_ubermenu()
    { ?>
    <div class=”grid-container”>
    <?php ubermenu( ‘main’ , array( ‘theme_location’ => ‘primary’ ) ); ?>
    </div>
    <?php
    }

    Unfortunately the default menu does not get removed.

    Any idea why?

    Thanks again.

    #74523
    Tom
    Lead Developer
    Lead Developer

    Are you sure the navigation is set to display after the header in the Customizer?

    #74590
    webyogi

    Hi,

    Yes the navigation is set to display “Below Header”.

    I have now changed the navigation position to “Above Header” under:

    Appereance > Customize > Layout > Navigation Layout

    and the functions.php to:

    remove_filter( ‘wp_nav_menu_args’, ‘generate_wp_nav_menu_args’ );
    remove_action( ‘generate_before_header’, ‘generate_add_navigation_before_header’, 5 );
    remove_action( ‘generate_after_header’, ‘generate_add_navigation_after_header’, 5 );
    add_action( ‘generate_after_header’ , ‘generate_ubermenu’ , 5 );

    As you can see the UBERMENU is getting displayed correctly now. Just the the default menu still remains which needs to be removed.

    Thnx

    #74638
    Tom
    Lead Developer
    Lead Developer

    Maybe just set the Navigation Position to “No Navigation”?

    If that doesn’t work, you can always try this:

    .main-navigation {
          display: none;
    }
    #74650
    webyogi

    Hey Tom!

    That was a Master stroke from you!

    I simply changed the navigation position to โ€œNo Navigationโ€ under:

    Appearance > Customize > Layout > Navigation Layout

    and:

    functions.php
    add_action( ‘generate_after_header’ , ‘generate_ubermenu’ , 5 );
    function generate_ubermenu()
    { ?>
    <div class=”grid-container”>
    <?php ubermenu( ‘main’ , array( ‘theme_location’ => ‘primary’ ) ); ?>
    </div>
    <?php
    }

    All done.

    Thanx.

    #74785
    Tom
    Lead Developer
    Lead Developer

    Awesome! Glad I could help ๐Ÿ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.