Updated on 26 May 2022
Tested in Essence Pro 1.5.1.
Upload jarallax.min.js to Essence Pro's
wp_enqueue_script( 'global-js', get_stylesheet_directory_uri() . '/js/global.js', [ 'jquery' ], genesis_get_theme_version(), true );
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Thanx for this tutorial. I am building a site with this theme and like the parallax scrolling better.
However, it seems to be interfering with the navigation. The submenu items are not clickable (are disappearing) on hovering. This does NOT happen on the homepage, but on other pages in the menu.
See for instance https://www.heartlighthealing.nl/cms/reacties/
I asked Studiopress and they thought this was caused by:
[begin quote Studiopress]
It is due to this custom code added to the site’s stylesheet, which is not present in the original theme:
I recommend removing the “Parallax scrolling” custom code, or altering it to account for the submenu position
[/end quote Studiopress]
Can you see a solution, or should I just return to the original situation.
Regards and thanx in advance!
This seems to be broken in Essence Pro 1.1.0. Is there a fix to make it work?
Just tested in a site running Essence Pro 1.1.0, Genesis 2.8.0 & WordPress 5.0.3 and the tutorial worked fine.
Can you share the URL of your site where the problem can be seen?
Really, thanks for taking a look at this Sridhar.
Obviously my bad and I’ll take another look tomorrow.
It’s the first time one of your tuts hasn’t worked for me so I assumed it was broken!
I have the same issue as Kitty with sub-menus.
Seems to be a hover problem. Would it be possible to set a transition delay to give time to click menu links before sub-menu closes, or something similar? Would really like to retain the cool parallax effect.
I had the same problem, so I moved that particular css code to front-page.css. This fixed the issue.
Sorry, I meant to say I moved it to style-front.css!