Make slider photo clickable on mobile

Hey tonyska,

Thank you for using Enfold.

Please add this in the Quick CSS field:

@media only screen and (max-width: 480px) {
.avia-slideshow-inner {
    min-height: 300px;
}

.avia-slideshow-inner li img {
    min-height: 300px;
    min-width: 560px;
    left: -100px;
    position: relative;
}
}

This will increase the height of the slider images while making more space for the button. Turn on the custom css class so that you can specify a unique class attribute to the slider: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

I am wondering if it’s possible to make the entire slider image clickable on mobile, so that the user doesn’t have to find the button and can just tap the image to go to the link.

This is possible but it will require a more complex solution so let’s try the css code first.

Best regards,
Ismael