Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1158793

    Hi everyone,

    I’m currently designing the front page to a website
    Unfortunately, I’ve noticed that a few elements, in particular the Advanced Layer Slider, did not translate well into mobile format.
    While I know that I can hide the Advanced Layer Slider on mobile platforms, I don’t want to lose the effect it creates.

    Is it possible to create another Advanced Layer Slider, that will show ONLY when the webpage is being opened on a mobile site?



    Hey Dzammit,

    We can help you out with custom CSS to hide/show the correct slider for mobile. Please add both of them to your layout, then let us know here.

    Best regards,


    Hi Rikard,
    Thanks for your reply.
    On I’ve now added two slides, one that is for desktop, one for mobile. They’re called the following;
    – Exigy
    – Exigy Mobile


    Hi Dzammit,

    So using two Layer Slider solves your issue or not really? Do you need more help?

    Best regards,


    Hi Victora,

    No it doesn’t resolve the issue, but I’ve created the two sliders I wish to alternate.
    – Exigy for the regular view
    – Exigy mobile for the mobile view
    I would still require the code to be able to switch between them depending on which platform the user is on.



    Hi Daniel,

    Thanks for the update. Please try this in Quick CSS:

    @media only screen and (min-width: 768px) {
    .home #layer_slider_1 {
    @media only screen and (max-width: 767px) {
    .home #layer_slider_2 {

    Best regards,


    Hi Rikard,

    Happy to report that this works like a charm :) Thanks!


    Hi Dzammit,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile Responsiveness’ is closed to new replies.