All jQuery animations working besides one…?

It seems like the css isn’t being changed for the background image when the “active” class is changed. It looks like some styles are, but not the background image.

have you added the right active class styles for the background image?

How did you even find that out? just by viewing my page source..or?

And to be completely honest, I don’t really know what that means. The CSS Is all untouched with a clean-install, so I don’t see why it wouldn’t move.

You can see a preview of the theme (actually working) here:
https://www.elegantthemes.com/preview/13Floor/

Could you compare the css and stuff of the two and pinpoint the problem maybe? or is that tons of code to sift through : (

Actually looking at the two, it might be a script conflict. Your site has a lot more scripts running than the demo site. And thinking about it, if you change that css I suggested then you probably won’t have the background-image do that nice slide over effect.

How did I figure that out?
Basically Firebug, if you use Firefox you can install an add-on called Firebug, which is immensely helpful for troubleshooting these kinds of things. Remy Sharp has a nice video tutorial that will help explain how to use it better: https://jqueryfordesigners.com/debugging-tools/

If you use Safari or Chrome, they have a built in developer tool, it’s in the menu but it should load if you press F12 on your keyboard.

Another immensely helpful Firefox add-on is the called “Web Developer” by Chris Pederick. Can be found here: https://chrispederick.com/work/web-developer/

Anyway, back to the problem. Do you have a lot of plugins installed that didn’t come with your theme? If you have a test environment, try turning all your plugins off and see if the animation you want to happen comes back. If so, then it’s probably a script conflict. Try turning the plugins on one at a time and check the animation after each one. This would narrow it down to one plugin (hopefully) and you can go in and see what scripts that plugin is using and see if there is a conflict.

The link to the theme demo (not your site) has 12 scripts running, your site has 20 scripts running. So it’s probably something to do with that. The problem is based on a class “active” which is a rather common word to use to describe the state of something, unfortunately this can lead to issues if two scripts are telling the browser to do something when the class “active” is added to an element.

Try the plugin thing, oh and if some plugins came with your theme, try leaving them on or turning them on first. Try to get back to an unaltered version of your theme. If it starts working, then turn the others on one by one and see if it stops (each time you turn one on).

Let me know if that returns any results.

Sorry for the slow response. WordPress said my Username wasn’t registered literally all day everytime I tried to log in….

Anyway, thank you very much for the links. Appreciated more than you know.

I have already tried de-activating all my plugins, and even deleting them. Like I said, I’ve wiped my entire server clean, started with a fresh install of WP AND the theme itself, and still nothing. That slider just won’t budge. There’s something going on in the preview theme that’s just magically making it work for some reason…I’ve literally spent a week trying different things and nothing. I really don’t want to have to trash the slider, but by the looks of it, I will have to. So frustrating.

Thank you again for all your help. If you know anyone that could take a look at the code and compare the two sites to pinpoint the problem, I would be very grateful.

Regards.

Hi
I am facing the same problem now..
Have u guys found any solution to it… Plz share if the problem is resolved.

regards