Tagged: Layer Slider
Hello – I have configured a Layer Slider on our home page and it works fine on the desktop but the buttons and text look horrible on mobile devices.http://www.synapsesem.com/dev/wordpress
I tried adding buttons as images, but couldn’t get it to work. Can you please provide instructions on how to fix this issue? We need to correct this asap so the new site can be launched. I will send you login creds via PM. Thanks. BTW – awesome theme!
Hi heybill!
Thank you for using Enfold.
Maybe you should disable the buttons and captions on mobile device. Edit the layers then go to Attributes panel. Add a unique css class on the Classes field. Use “hide-on-mobile” for example then use this on Quick CSS or custom.css to hide them:
@media only screen and (max-width: 767px) {
.hide-on-mobile {
display: none !important;
}
}
You can also use this process to apply a different style on the layer when viewing on mobile devices or smaller screens.
Cheers!
Ismael
I did as you suggested and it seems to be working on some slides and not on others. Would you mind checking my work?
Hey!
Thank you for the update.
Some of the layers doesn’t have the custom class. The layer container class should look like this:
class="ls-l hide-on-mobile"
Please edit all slides then add the custom class on the Attributes panel of each layers.
Best regards,
Ismael
Not sure where to add this. All 4 slides have same info, but some display text only, some text & button and some nothing at all – please advise.
Still having issues with this – please provide assistance.
Hi!
I see you are now using RevSlider, do you have any issues with that?
Regards,
Josue