"Scroll to" not working with Altitude theme

[serendipitypunch]

Hi,

I am building my site using the Altitude Pro theme and I am also using UberMenu for my menu plugin. UberMenu has a built in "scroll to" function which is supposed to scroll to predefined sections of pages but for some reason, it isn't working.

After reading the Altitude Pro documentation and speaking with customer support I decided to make these changes:

1. Remove the home.js enqueue code from the home.php file.
2. Add the home.js enqueue code to the functions.php file.
3. Change the below code in the 'home.js' file of the Altitude Pro theme:

$( '.genesis-nav-menu a[href*=#]:not([href=#])' ).click(function() {
To:
$( 'a[href*=#]:not([href=#])' ).click(function() {

So far no luck 🙁 Any idea why this didn't work or what the actual problem might be?

[Victor Font]

You really need to provide a link to the site to check for jQuery errors. If Ubermenu has its own scroll to function, why are you still using Altitude Pro's?

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[serendipitypunch]

H Victor,

I am currently rebuilding an older site and so I'm unable to point the domain to the new one until it's finished. In the meantime, I am having to change my computers hosts record to access it.

I'm not trying to use Altitude Pros scroll to function, but I am worried that because Altitude Pro has a front page only scroll function it might be conflicting with UberMenu's. You'll have to excuse my ignorance about these things, I am still learning the ins-and-outs of WordPress and PHP.

I really appreciate any help you might be able to offer.

Thanks, M

[Victor Font]

They actually shouldn't interfere with each other. By moving the home.js code to functions.php, you are now applying it to every page on your site. You also changed the code to apply to every link on your site. If you are testing for conflicts, just don't enqueue home.js at all. If Ubermenu works when home.js is not loading, then you know you have a conflict. If Ubermenu still doesn't work, the problem is with Ubermenu or a conflict with another jQuery script.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[serendipitypunch]

I figured it out! The problem was actually with beaver builder automatically adding # before CSS Id's, which was effectively giving me double # which ubermenu of course wouldn't recognize. Thanks for all your help! I've been enjoying reading your articles and learning a lot!

Take care, M

[Author]

Posts