How do I remove the bullets on the fullscreen slider on the iPhone?
Hi djshortkut!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.avia-slideshow-dots { display: none!important; }}
Cheers!
Yigit
Perfect!
Also, I was wondering if there is a way to make it so when you swipe the full screen slider on a mobile device and the arrows show up, if there is a way to make it so they disappear again after a couple of seconds until the screen is touched again. Right now once you swipe the screen, the arrows show up and will not go away until the screen is refreshed. They take up too much real estate on a mobile device. If this is not possible, how do I remove the arrows completely from the iPhone?
Hi!
Use this code to remove both arrows and bullets on mobile:
@media only screen and (max-width: 480px) {
.avia-slideshow-arrows, .avia-slideshow-dots { display: none!important; }
}
Best regards,
Josue
Resolved. Thank you very much!