На iphone не открываются ссылки на wordpress-сайте?

Question

[Денис Смоляков]

mebelnaves.by
если заходим с айфонов, то не работают ссылки(карточки товаров, пункты разделов и т.д.) Ховер-эфекты срабатывают, значит блок никакой не перекрывает...я просто нажимаю на карточку товара, а эффекту ноль...

Comments

[lloydbanks]

Добавьте

inline-block

в стилях

.woocommerce ul.products li.product a {
     display: inline-block;  
}

и класс

col-xs-12

родителю сайдбара в html, т.е должно получиться

<div class="col-sm-3 col-xs-12">
     <div id="sidebar" class="sidebar-wrapper ">
      ...
</div>

У меня была подобная проблема несколько лет назад именно на ios и связана она была с тем, что ссылки и контейнер из-за обтекания не имели высоты. Если помогло и если у вас тот же случай- дайте знать, отправлю как ответ

Answer 1

[Alexander]

Попробуйте убрать ховер на мобильных устройствах, во первых на тачах ховера по сути нет, а во вторых на айфонах бывает так, при первом тапу срабатывает ховер, а при втором уже клик по элементу. У вас не всегда даже после второго тапа срабатывает ссылка, но все же возможно поможет.

Comments

[Денис Смоляков]

Здравствуйте, не подскажете какой-нибудь способ это сделать?

[Alexander]

Денис Смоляков, стили для ховера обернуть в медиа запрос, @media(min-width: 1000px){ тут стили для ховера}. На экранах шириной меньше 1000px ховер эфекта не будет.