Tagged: arrows, enfold, Layer Slider, slider
Hi Guys!
I noticed the layer slider arrows are huge when we view the slider on a mobile device. How can we override or change this?
Hi Vicken!
The link you posted is returning a blank page, but try adding this code to Quick CSS:
@media only screen and (max-width: 767px) {
#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
width:30px;
text-align: center;
height: 30px;
line-height: 32px;
font-size: 18px;
margin:-30px 15px 0;
}
#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before{
line-height: 32px;
}
}
Best regards,
Josue
Hi!
The slider in your homepage has its control disabled, please enable them first.
Best regards,
Josue