[Plugin: AddToAny: Share/Bookmark/Email Button] Menu pops up, but options are greyed out

Hi Erwin,

Well this is a first!

It appears that the problem is caused by one of these two JavaScript files that are included with your theme:
https://www.erwinv.net/wp-content/themes/cudazi-luxury/js/jquery.cycle.min.js
https://www.erwinv.net/wp-content/themes/cudazi-luxury/js/general.js

Your theme’s JavaScript is replacing the “z-index” value of elements on your page, and one of those elements is the AddToAny menu’s transparent border, which is now covering your AddToAny menu due to the unexpected change in “z-index”.

Basically, the theme is trying to overcome some kind of issue it has, but it’s doing it in a very poor way that will clash with other elements that aren’t already included natively in your theme. JavaScript should almost never arbitrarily rewrite the properties of unknown elements on a page, yet that’s exactly what this theme is doing.

If you can, contact the theme’s author and let them know about this fairly major issue.

Update: After looking at the theme a little more closely, the problem seems to be with a jQuery plugin that the theme is using: https://jquery.malsup.com/cycle/ – so it’s not exactly the theme author’s fault, but the author should probably switch to another plugin ASAP.

Ignore the “update” above. The issue is indeed with the theme itself:

cudazi-luxury/js/general.js:

// Fix applied so menu appears OVER cycled images
// Reverse the default z-index stacking order of the elements
var startIndex = 1500;
$('div').each(function() {
	$(this).css('zIndex', startIndex);
	startIndex -= 5;
});

This block of script modifies the z-index for all “div” elements, which is really bad form.

Hi micropat,

Thanks for the in-depth (!) analysis. I think that a more recent version of the theme doesn’t use this fix, but was hesitant to update because I did a lot of customization. I’ll look into it.

Thanks again!

Erwin

Deleted the lines. Seems to work.

Great advice,

Erwon

Sure thing. ??

Thank you micropat!