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

    Hi everyone,

    I’m currently designing the front page to a website http://www.exigywordpress.com
    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?

    Thanks!

    #1158999

    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,
    Rikard

    #1159059

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

    #1159266

    Hi Dzammit,

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

    Best regards,
    Victoria

    #1159770

    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.

    Regards,
    Daniel

    #1160201

    Hi Daniel,

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

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

    Best regards,
    Rikard

    #1160238

    Hi Rikard,

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

    #1160379

    Hi Dzammit,

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

    Best regards,
    Nikko

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