如何在手机中隐藏箭头

Question

请检查：https://iconsmgmt.com/project/miguel-ferrero/

如果您在移动版本中看到，箭头将固定在图像上。箭头仅在光标位于照片中时才显示，就像台式机一样。我使用wordpress / divi。

CSS专家可以帮助我。谢谢。

Answer 1

在移动版本中，为获得更好的用户体验，默认情况下应显示箭头。但是，如果您希望箭头的行为类似于桌面，则应执行以下操作：在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
}