Как вернуть стрелочки в слайдер на мобильной версии?

Question

[HtmlNoobik]

Добрый день!

Понимаю что может быть информация не полная, но буду рад любым советам.

В общем, есть слайдер, небольшая крутилка товаров, на ПК все работает отлично, на мобильной версии пропадают стрелочки и показывается только 1 элемент слайдера, хотя если двигать пальцем, то показываются и элементы далее. Просто пропадает стрелочка и юзеру не понятно, что можно листать.

Стрелочки создаются



.fa-angle-left:before {
content: "\f104";
}

:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Блок вложен в div



Может кто-то сходу сможет сказать куда копать?)

Comments

[FeST1VaL]

Может проблема в шрифте? попробуйте поставьте вместо шрифтовой иконки какую нить SVG и посмотрите.

[HtmlNoobik]

Артем Будин, Спасибо, попробую!

[HtmlNoobik]

Вообще код этих i в css я откопал, а вот в html пока никак)
Буду думать насчет картинки, искать, но может что можно в самом коде i дописать ?

.owl-next i,
.owl-prev i {
background-color: #fcbf02;
color: #393939;
width: 60px;
height: 60px;
font-size: 28px;
line-height: 60px;
text-align: center;
position: absolute;
right:auto;
left: -10%;
-webkit-border-radius: 25px 0px 25px 0px;
-moz-border-radius: 25px 0px 25px 0px;
border-radius: 25px 0px 25px 0px;
}

.owl-next i:hover,
.owl-prev i:hover {
background: #fd6802;
color: #ffffff;
}

.owl-next i {
right:-10%;
left: auto;
}

[FeST1VaL]

HtmlNoobik, там сделано чтобы вы могли типо вставить просто ">" и это по сути будет текст) который покрашен в #393939

[HtmlNoobik]

А для мобильных там никакую строчку в css не добавить?)