Epik navigation appearing behind headline on pages

I haven’t ran into that issue yet with this theme. I’ve refreshed the page multiple times and it still works fine on my end (both your site and the demo).

About several months ago there was another user that mentioned there was “widespread broadband issues” in his Country which caused an issue with scripts and style sheets not loading fast enough. Basically it was due to his internet access at the time loading scripts/style sheets slower than usual. When the connection is slow, it takes a while to load some of the Scripts used by the Genesis Framework to load the Jquery/Navigation. This wasn’t a Child Theme (Epik) issue, it had to do with his connection loading the scripts slower.

I’m not sure if it’s related to what you’re seeing or not, but I thought I’d mention it just in case. If it’s working sometimes, and other times it’s not, then it’s most likely due to something preventing the scripts from loading fast enough (that’s my guess).

+JayJay Rang I checked the site again and did exactly as you said but it’s still not showing up for me. What browser are you using? I’m viewing from Chrome on a Macbook Pro.

Do you have a link to your site so I can see if the issue shows up there?

@Trevor, I’m not sure if this is the cause of the issue or not, but I may have to see about removing the Fade effect for the navigation. Whenever you scroll down, the Fade effect activates when bringing the menu back. I’m wondering if there’s an issue between the Javascript for that effect combined with the default Javascript to control the Sub menus in Genesis. Of course everything seems to be working fine on my end in Chrome, but I can try and test with a different browser like Safari and see what I can come up with. Sometimes different browsers react differently to certain code/scripts.

Do you have a site setup already that I can take a look at? If you can provide a Temporary Login, I can also test and see if removing or adjusting the Fade effect makes a difference to the issue.

@Trevor Ah, I figured it must have something to do with that! There was a separate issue with the Fade Effect I had to get fixed not too long ago as well.

For now, I recommend everyone else remove the Fade Effect class from the global.js file (inside the js folder in your theme) until I figure out a way to fix it.

At the top of the global.js file, make sure and remove the class fadeup-effect from the following code.

	// Add shrink class to site header after 50px
	$(document).on("scroll", function(){

		if($(document).scrollTop() > 250){
			$(".site-header").addClass("shrink fadeup-effect");			

		} else {
			$(".site-header").removeClass("shrink fadeup-effect");			
		}

	});

If you need assistance making this adjustment within the file just let me know.