Как решить проблему со ссылками, не работающими на мобильном телефоне с включенной боковой панелью woocommerce? - PullRequest
0 голосов
/ 18 апреля 2020

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

Я попытался отключить некоторые плагины, но ничего не получалось. Мобильная версия прекрасно работает без боковой панели и вообще не работает с ней.

Может кто-нибудь помочь мне? Я уже схожу с ума…

Я использую тему «Бессонница» https://themeforest.net/item/insomnia-beautiful-and-modern-creative-wordpress-theme/16256975?gclid=CjwKCAjwp-X0BRAFEiwAheRuiyVZe2FxLFL9bCVPf7qCjQX9CG715ewHddt3B44EBubBcEPaxSH6zhoCUbAQAvD_BwE

Заранее спасибо

Страница, которая мне нужна помощь с: https://fiordilatte.pt/index.php/loja/

1 Ответ

0 голосов
/ 18 апреля 2020

Здесь происходит то, что боковая панель перекрывает основной контент в мобильном представлении. Вот почему ссылки не кликабельны - вы пытаетесь щелкнуть по невидимому элементу, расположенному над ссылками.

Причина в том, что, несмотря на то, что вы используете класс сетки .col-sm-12 on. sidebar-right, он также установлен в значение float: left, что выведет его из нормального потока. Когда вы затем используете .col-sm-12 для элемента после, он думает, что он получил всю ширину сам по себе - и поэтому он неправильно оборачивается.

Простое решение, но не очень элегантное во-первых, просто принудительно установить .sidebar-right с помощью свойства z-index. Пример ниже:

.sidebar-right {
    z-index: 999;
}
...