Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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!

    #322281

    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

    #323322

    I did as you suggested and it seems to be working on some slides and not on others. Would you mind checking my work?

    #323500

    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

    #323928

    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.

    #325362

    Still having issues with this – please provide assistance.

    #326281

    Hi!

    I see you are now using RevSlider, do you have any issues with that?

    Regards,
    Josue

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.