We are using revolution slider for the slideshow on the home page. The links to buy tickets works in firefox, but the links are not clickable in chrome.
I turned off all plugins and turned them on one by one to test for a plugin conflict. As far as I can tell there is not a plugin conflict.
I created a blank page template here and hard coded the wp-head.php to test for css or javascript conflicts by removing each script one by one. What I found is that when I remove the style.css for the theme, that the links in the slider begin to work. So I am assuming there is something in that file conflicting with the revolution slider code. Here is that test page:
https://havenac.com/dj-battle/
I cannot tell what part of the css is causing the conflict. I am thinking maybe it is z levels or fancybox css. Or maybe chrome is rendering the css differently somehow.
Here is the line of code I am removing from the wp-head.php that is making it work.
<link rel='stylesheet' id='base-style-css' href='https://havenac.com/wp-content/themes/havennightclubgo/style.css' type='text/css' media='all' />
Anyone have any ideas/suggestions?
One of the many div layers under .tp-parallax-wrap, specifically .tp-caption slidelink has an inline style of max-height: 1px. I believe this is what causes the problem. I added a test class in the browser inspector with a max-height: 100% !important which fixed the issue.
I wouldn't use the !important style that I used. But the div that causes your problem has 1px height, which gives the inner a tag a 1px height as well. Try this out and see if this fixes your issue!