Доброго времени суток!
Такой вопрос...
Изменил изображение кнопки В корзину для вывода на смартфонах.
Для отображения значка корзинки на кнопке В product.css поставил...
@media (max-width: 991px) {
.box-info-product .exclusive:before {
font-family: "FontAwesome";
position: absolute;
top: 0;
left: 0;
bottom: 0;
color: white;
font-size: 25px;
line-height: 47px;
text-shadow: 0 1px #015883;
content: "\f07a";
z-index: 2;
width: 36px;
text-align: center;
border: 1px solid #06b2e6;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-ms-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
} }
При проверке на компе при разрешении ширины экрана 360 все нормально, см. изображение №1
При просмотре на смартфоне, значка корзинки нет, ну и соответственно при отправки в корзину
не отмечается галочкой.
Почему?
Или, как можно еще сделать так, что-бы видно было при нажатии кнопки на смартфоне что товар ушел в корзину.
Например изменить цвет, поставить галку на кнопке и т.д
Посоветуйте.
Спасибо!
