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

Question

Проверьте пожалуйста: https://iconsmgmt.com/project/miguel-ferrero/

Если вы видите в мобильной версии, стрелки зафиксированы на изображении. Как стрелки появляются, только когда курсор находится на фотографии, точно так же, как на настольной версии. Я использую wordpress / divi.

Мне может помочь эксперт CSS. Спасибо тебе.

Answer 1

в мобильной версии для лучшего UX, стрелки должны появиться по умолчанию. но если вы хотите, чтобы стрелки вели себя как на рабочем столе, вы должны сделать это: в файле css, у вас есть эти коды, вы должны опустить «opacity: 1» из них.

@media all and (max-width:767px) {
   .et_mobile_device .et-pb-arrow-prev {
       left: 0;
       opacity:1; // omit this line
   }
   .et_mobile_device .et-pb-arrow-next {
        right: 0;
        opacity: 1; // omit this line
   }
}

и это:

.et_mobile_device .et-pb-arrow-prev {
    left: 22px;
    opacity:1; // omit this line
}

.et_mobile_device .et-pb-arrow-next {
    right: 22px;
    opacity: 1; // omit this line
}