General/Advanced Styling Issue With Animations/Rollovers/Counters

Hi Mike,
The login credentials I’ve included are for the htaccess security prompt, not the WP backend. I’m not allowed to have the site live in this state due to the regulations in our industry. First, I would like you to take a look at how the animations, rollovers and tabbed sections are breaking on different pages. This only happens when styles are saved in the General Styling and Advanced Styling Enfold options.

A while back, I was able to restore the animation styles by updating to Enfold 4.5 and the pages were looking great, but again after making changes and saving in General/Advanced styling the animations broke on all pages.

I have updated to v4.5.7 and am running PHP v7.1 and WP v5.2.1. The website (included in the private content section) is in a broken state after making a change in the Quick CSS section and then saving.

After you take a look, assuming you can get past the htaccess security header which seems to be a problem, I’m going to restore a previous version of the site that works, but has an theme v4.5 on it and update it to v4.5.7. After that I will make a change in the Quick CSS section and if the animations break, that’s where we’re at.

Please let me know if you can identify the issue, and if needed, I can create a user profile for the WP backend for you.

Thanks again.

Hello Mike,
Thank you for your response. This seems to have worked, but specific to the JavaScript merging option. I disabled JS, CSS merging and selected Always load all elements in the theme builder option and the animations and tab styles were good again. When turning on these elements one at a time it seems that the only time the animations break is when JSS file merging is enabled. The sites animations will work with CSS merging enabled and Load only used elements is set for the Template Builder Elements, which I prefer. What’s more, when doing these operations the logo will break in the header, and I have to delete the existing logo in the Theme Options tab and upload it again from the Media Gallery to make it visible again, no big deal on that task.

The error actually began when I changed the link/background colors in the Main Menu navigation in the Advanced Styling tab. It was buggy and not taking the changes I made immediately, and after awhile broke the animations and tabs. After that, any changes saved in the General/Advanced tabs, whether it be Quick CSS, font colors or H1 colors, that operation broke the animations, rollovers and tabs.

I didn’t disable the plugins for this test as I only have 3 enabled with the Classic Editor being the only one I’m not familiar with. This does not seem to be the issue causing the problem.

In short, I’m glad this works, but I do like to have the JS merged for performance and will either enable Autoptimize or WP Super Cache down the line for quicker page loading times.

Thank you very much for your clear direction and I will reach out to support if any problems arise.

Mike,
This is great and thank you. I will implement this for all our sites. I did have the Delete old CSS and JS files enabled, but yet to see the problem completely eliminated. I do not intend to install a caching plugin until the site is finished. I do have one site on a different Enfold theme with the CSS/JS merging disabled and have Autoptimze installed, the theme performs great and extremely fast, I love it. I also have another Enfold theme with CSS/JS merging enabled and the Delete old CSS and JS checked and there are no animation problems.

Thanks for the tip on the WP Classic feature, moving forward I will have this option enabled and ditch the plugin.

Again, many thanks and appreciate the quick response and thorough instruction.