I’m using the script below for a call-to-action button on Layer Slider, and it works without a problem on desktop. However on mobile, the button doesn’t show up at all. Is there any work around for this?
Thanks,
Mitzi (Dan’s web designer)
Hey dflyons!
Thank you for using Enfold.
Edit the layer then go to the Attributes panel. Add a custom id or class attribute. For example, add “custom-button” in the class attribute then go to the Quick CSS field. Add this code to adjust the position of the button on mobile:
@media only screen and (max-width: 767px) {
.custom-button {
top: 0 !important;
left: 20% !important;
}}`
Regards,
Ismael
That’s great. Thanks Ismael!