Loading responsive nav js in header

[photoaddictsa]

I know loading javascript in the header is a bit of a no-no, I mainly want to do this as a test to see if it will get rid of the brief desktop nav flash on tablets and mobile.

How would I go about loading the responsive nav js (/theme/js/responsive-menus.min.js?ver=1.0.0) in the head instead of foot?

I'm using monochrome pro.

https://sparec.co.za/

[Brad Dalton]

Find the PHP code in functions which loads the menu and change the 5th parameter $in_footer for wp_enqueue_script to false https://developer.wordpress.org/reference/functions/wp_enqueue_script/#parameters

Line 80

wp_enqueue_script( 'monochrome-responsive-menu', get_stylesheet_directory_uri() . '/js/responsive-menus' . $suffix . '.js', array( 'jquery' ), CHILD_THEME_VERSION, false );

---

Tutorials for StudioPress Themes.

[photoaddictsa]

Thanks Brad,

The js loaded as I wanted but my theory failed. Seems like when you load the js in the head the responsive menu does not load at all.

I know the desktop nav flashing briefly before the responsive nav is a small issue but seems to annoy certain folks.

Do you perhaps know of a workaround solution for that problem (It's also described here: https://github.com/studiopress/genesis-sample/issues/102)

[Brad Dalton]

Looks like the code for the menu needs to be rewritten because the full menu loads at all widths.

---

Tutorials for StudioPress Themes.

[Brad Dalton]

Maybe using jQuery to hide the desktop menu on mobiles might work rather than pure CSS.

---

Tutorials for StudioPress Themes.

[Author]

Posts