[Resolved] Sticky mobile menu does´t work

[Miguel]

My sticky mobile menu doesn´t display categories after scrolling the page if I click in the Menu button.
http://www.elblogdemiguel.com

[Leo]

Hello,

Can you try #1 on this page? https://generatepress.com/knowledgebase/debugging/
Also noticed that right click does not work on your page as well.

[Miguel]

If I try the #1 of that page, I’m still having the same problem.

[Tom]

You’re using an old version of GP Premium, can you update to the latest?: https://generatepress.com/knowledgebase/updating-add-ons/#manual-update

[Miguel]

Thank you Tom, now works perfectly

[Tom]

You’re welcome 🙂

[Henry]

Hi Tom,

I have come across the same issue. I have tried the troubleshooting steps suggested but have had no luck. I have noticed that when I enable the Mobile Menu and Sticky Mobile Header (via Customize->Layout->Header) the mobile menu shows fine but does not ‘stick’ when I scroll.

It does work fine when the Mobile Menu is disabled (via Customize->Layout->Header) and Sticky Navigation is enabled (via Customize->Layout->Primary Navigation).

In dev tools it shows the following errors:

Uncaught TypeError: jQuery(...).GenerateSimpleSticky is not a function
    at HTMLDocument.<anonymous> (sticky.min.js?ver=1.2.94:1)
    at i (jquery.js?ver=1.12.4:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
    at Function.ready (jquery.js?ver=1.12.4:2)
    at HTMLDocument.K (jquery.js?ver=1.12.4:2)

I have tried it on two sites with same results.
https://dci.hsnyc.co/
http://sandbeach.hsnyc.co/

I am using the latest version of the plugin. Am I missing a step or could this be a bug?

Your help is appreciated Tom.

Regards,
Henry Sanchez

[Tom]

Hmm, it’s saying that jQuery function doesn’t exist, however it’s defined directly above it in the file.

Any change you can see if there’s a conflicting plugin using #1 on this page?: https://docs.generatepress.com/article/debugging-tips/

Any caching or minifying plugins?

[Henry]

The only plugins that are active are Elementor, Elementor Pro, and GP Premium. When I deactivate both Elementor, Elementor Pro I get the same message.

Thanks!

– Henry

[Tom]

Any chance you can send me temporary admin login details? https://generatepress.com/contact/

[Henry]

Just sent. Thanks Tom.

[Tom]

Thanks, Henry.

Duplicated your settings onto my own localhost and the mobile header is sticking.

Do you have anything your child theme functions.php file?

[Henry]

Interesting. I have a few functions on my functions.php file:

//Custom Scripts
 function custom_scripts() {
	wp_enqueue_script( 'jquery3', get_stylesheet_directory_uri() . '/js/jquery.min.js', array(), '3.1.1', true );
    wp_enqueue_script( 'scroll', get_stylesheet_directory_uri() . '/js/scroll.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );

//Loads the login page css styles
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/login-styles.css" />';
}
add_action('login_head', 'custom_login');

//changes the logo url
function login_logo_url() {
    return 'https://sandbeachllc.com';
}
add_filter('login_headerurl', 'login_logo_url');

//changes the logo hover Text
function login_logo_text() {
    return 'Sandbeach Properties LLC';
}
add_filter('login_headertitle', 'login_logo_text');
/*=== LOGIN Page Funtions End ===*/

I went ahead and commented all this out and still not able to get it to work 🙁

Thanks for your help Tom.

[Tom]

This line could definitely cause issues:

wp_enqueue_script( 'jquery3', get_stylesheet_directory_uri() . '/js/jquery.min.js', array(), '3.1.1', true );

WP adds jQuery by default, so adding it again can cause compatibility issues.

I’m still seeing it added to the source of your site – did you un-comment it?

[Henry]

That was the issue. Thank you! I have a follow up.. I have a script that scrolls to a section on the same page so when I open the menu and click on a link it will scroll to the section but the mobile menu will not close until you click the ‘x’. Any way to change this behavior so that it closes when you click on the menu item or when you click outside the menu?

[Author]

Posts