Navigation issues

[mmjaeger]

Hello
I'm currently struggling with my menu - it is part of my site-header. when resizing the browser to about mobile width and then reloading the page in the a few times from time to time is see the full menu before it gets hidden a little later - maybe it just takes time for the css to load but it's rather annoying - anybody experience this before - how can this be fixed?

thanks

[ᴅᴀᴠɪᴅ]

Some themes do a check to see if the browser has JS enabled. They do this by simply adding a 'js' class to the html element. As the JS has to load, sometimes you'll see a flash of the non-JS menu, before the class is added, due to slow loading time.

It's important for it to be there, otherwise people who visit the site without js enabled won't be able to see the menu on smaller screens. If you really want to get rid of it.. one way would to just add 'js' body class to your entire site. This way the CSS would work straight away and wouldn't need to wait for the class to be added.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[ᴅᴀᴠɪᴅ]

eg;

//* Add body class
add_filter( 'body_class', 'custom_body_class' );
function custom_body_class( $classes ) {

	$classes[] = 'js';

	return $classes;

}

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[mmjaeger]

Thanks Dave - I think the issue is related to the Elementor Page Builder - I've installed just the Genesis Sample theme and the Elementor plugin and it quickly shows the hidden primary navigation upon reloading the page - I was wondering whether anybody else is experiencing this issue.

anybody successfully working with Elementor and Genesis??

[Author]

Posts