Почему клик по ссылке срабатывает со второго раза?

Question

[Максим Герасименко]

На сайте maxg5.ru есть мобильная версия. Есть такие блоки:

В этом блоке есть кнопка-ссылка Buy it now. По клику должен идти переход по якорю.
Но при первом клике на кнопку Buy it now в мобильной версии сначала срабатывает hover на весь блок, а только со второго клика по Buy it now срабатывает ссылка.
Как это исправить? Нужно что бы при первом клике по кнопке Buy it now сразу шел переход по ссылке.

Answer 1

[Алексей Голубев]

Привет! Можно попробовать в CSS сделать

@media all and (min-width:  1200px) {
  .your__element: hover {
    color: red;
  }
}

Так ты сделаешь, что hover будет отображаться на устройствах более 1200Px. А это, как правило, компьютеры.

Comments

[Максим Герасименко]

hover нужно оставить на всех устройствах.
Но нужно что бы при клике на кнопку Buy it now с мобильных устройств сразу шел переход, а не срабатывал hover.

[Алексей Голубев]

Смысл на мобильных оставлять, если он там мешает?

Answer 2

[Павел]

ховеру

@media (hover: hover) and (pointer: fine) {
  тут стили для ховера
}

Comments

[Максим Герасименко]

Добавил в конец CSS файла:

.serv-main-sec:hover {
	pointer-events: none;
}

Но теперь не hover корректно не работает и переход по ссылке тоже.
Возможно я не тому классу добавил pointer-events: none;
Подскажите пожалуйста.

[Павел]

Максим Герасименко, не смотрел на сайт, не так понял...
Ответ поправил - попробуйте этот вариант..

[Максим Герасименко]

Павел,
Попробовал. При таком раскладе hover срабатывает при первом клике по кнопке Buy it now, а переход по ссылке по второму. В общем что с этим кодом, ч то без него - одно и тоже.