Революция слайдера - ссылка на фоновое изображение не нажата в Chrome

Question

Мы используем слайдер для слайд-шоу на главной странице. Ссылки на покупку билетов работают в firefox, но ссылки не доступны для кликов в хроме.

https://havenac.com

Я выключил все плагины и превратили их в один за другим, чтобы проверить для плагина конфликта. Насколько я могу судить, конфликт плагинов не существует.

Я создал пустой шаблон страницы здесь и жестко закодировал wp-head.php для проверки конфликтов css или javascript, удалив каждый сценарий один за другим. Я обнаружил, что когда я удаляю style.css для темы, что ссылки в слайдере начинают работать. Поэтому я предполагаю, что в этом файле есть что-то противоречащее коду ползунка. Вот что тестовая страница:

https://havenac.com/dj-battle/

Я не могу сказать, какая часть CSS является причиной конфликта. Я думаю, может быть, это уровни z или fancybox css. Или, может быть, хром делает CSS как-то иначе.

Вот строка кода, которую я удаляю из wp-head.php, который заставляет его работать.

<link rel='stylesheet' id='base-style-css' href='https://havenac.com/wp-content/themes/havennightclubgo/style.css' type='text/css' media='all' /> 

У кого-нибудь есть идеи/предложения?

Answer 1

Один из многих слоёв div под .tp-parallax-wrap, в частности .tp-caption slidelink имеет встроенный стиль max-height: 1px. Я считаю, что это и является причиной этой проблемы. Я добавил тестовый класс в инспектор браузера с max-height: 100% !important, который исправил проблему.

Я бы не использовал важный стиль, который я использовал. Но div, который вызывает вашу проблему, имеет высоту 1px, что дает внутреннему тегу a высоту 1px. Попробуйте это и посмотрите, исправляет ли это вашу проблему!