Как скрыть навигационные стрелки на мобильном телефоне

Question

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

Мне нужно скрыть стрелки только для мобильных устройств. Есть ли рекомендуемый способ сделать это?Кажется, это обычная вещь, которую можно захотеть сделать, но я не могу найти что-либо актуальное в Интернете.

Я пробовал некоторый код js, чтобы изменить параметры библиотеки безрезультатно, и могуне понять, как это сделать с помощью медиа-запроса для изменения CSS.

Answer 1

Существует опция arrows, которую можно использовать для переключения навигационных стрелок. Вы можете установить его самостоятельно для мобильных устройств или использовать удобную опцию mobile, например:

$('[data-fancybox="images"]').fancybox({
   mobile : {
       arrows: false
   }
});