Tagged: Layer Slider
-
AuthorPosts
-
September 19, 2014 at 4:06 pm #321942
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!
September 20, 2014 at 10:29 am #322281Hi 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!
IsmaelSeptember 22, 2014 at 10:15 pm #323322I did as you suggested and it seems to be working on some slides and not on others. Would you mind checking my work?
September 23, 2014 at 6:02 am #323500Hey!
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,
IsmaelSeptember 23, 2014 at 9:51 pm #323928Not 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.
September 26, 2014 at 3:05 am #325362Still having issues with this – please provide assistance.
September 29, 2014 at 5:08 am #326281Hi!
I see you are now using RevSlider, do you have any issues with that?
Regards,
Josue -
AuthorPosts
- You must be logged in to reply to this topic.
